watch 相关问题

我有这个观察者（里面： const 形式 = 反应式({ 身体： ''，图像： '' }) watch(() => form.image, () => { console.log(表单.图像) }) 我想扩展...</desc> <question vote="5"> 我有这个观察者（在里面<pre><code><script setup></code></pre>： <pre><code>const form = reactive({ body: '', image: '' }) watch(() => form.image, () => { console.log(form.image) }) </code></pre> 我想扩展它来观察两个反应对象： <pre><code>watch(() => (form.image, form.body), () => { console.log(form) }) </code></pre> 但现在只能观看<pre><code>form.body</code></pre>。我一直在尝试实现<a href="https://stackoverflow.com/questions/42737034/vue-js-watch-multiple-properties-with-single-handler">这个问题的答案</a>，但它似乎不像我的观察者那样具有新旧值。我希望观察者在两个值都更新时触发。 </question> <answer tick="true" vote="8"> 我想出了一些办法。当两个值都为 true 时它将触发。你可以把你自己的条件放在那里。 <pre><code>const form = reactive({ body: '', image: '' }) watch(() => [form.image, form.body], () => { if (form.image && form.body) { console.log(form) } }) </code></pre> <s> 这似乎适用于简单的情况，但是当代码库变大并使用“全局代理”（如反应式存储）以及使用太多代理时，它可能会失败。我在一个大型项目中尝试过使用 4 个全局代理，但它只是有时会触发。</s> 就像 @tao 在评论中建议的那样，如果您正在使用嵌套对象，则必须在观察者中使用 <pre><code>{ deep: true }</code></pre>。 有关深度观察者的更多信息，请参阅 <a href="https://vuejs.org/guide/essentials/watchers.html#deep-watchers" rel="nofollow noreferrer">vue 文档</a>。 </answer> <answer tick="false" vote="5"> 如果需要多个watcher，则需要每次调用watch： <pre><code>watch(() => form.image, () => { console.log(form.image) }) watch(() => form.body, () => { console.log(form.body) }) </code></pre> 如果您需要的是一个观察者来观看这两个，那么: <pre><code>watch([() => form.image, () => form.body], ([newImage, newBody], [prevImage, prevBody]) => { console.log(form.body, form.image) }) </code></pre> 如果我们以该答案为例：<a href="https://stackoverflow.com/a/45853349/8126784">https://stackoverflow.com/a/45853349/8126784</a>来自您链接的问题 </answer> <answer tick="false" vote="0"> 这可以通过 watchEffect 来完成，它将检查反应性： <pre><code>watchEffect(() => { emit('update:selectedProduct', localSelectedProduct.value); emit('update:selectedOffer', localSelectedOffer.value); }); </code></pre> 这是 vuejs 文档：<a href="https://vuejs.org/guide/essentials/watchers.html#watcheffect" rel="nofollow noreferrer">https://vuejs.org/guide/essentials/watchers.html#watcheffect</a> </answer> </body></html>

javascript vue.js events vuejs3 watch

回答 0 投票 0

VUE：如何将 watch 与 vue get 和 set 组合 api 一起使用

我正在尝试创建一个可搜索的表格元素，用户还可以在其中搜索和过滤返回的结果。但我似乎不知道如何在计算属性设置器中设置值。但我保留了

vue.js vuejs3 watch vue-composition-api vuetifyjs3

回答 1 投票 0

根据Nuxt 3动态组件中的路由参数进行API调用

我正在尝试创建一个简单的 Nuxt 3 应用程序以用于学习目的，该应用程序在加载页面时使用动态路由从 API 加载数据。我想弄清楚的是如何使用路线 id

vue.js nuxt.js watch nuxtjs3

回答 3 投票 0

是否可以在 Eclipse 调试器中的 value 列中显示 toString() 结果？

是否可以在 Eclipse 调试器中的 value 列中显示 toString() 结果？默认情况下，它显示内置类型的值和用户类型的类型名称 + id：请注意，调试器绝对...