Vue DOM对计算属性不起反应
是因为计算属性的依赖发生了变化，但是Vue的DOM更新机制没有检测到这个变化。计算属性是根据它们的依赖进行缓存的，只有当依赖发生变化时，计算属性才会重新计算。Vue通过依赖追踪来自动追踪计算属性的依赖关系，但是对于一些特殊情况，Vue的依赖追踪可能会失效。
解决这个问题的方法有两种：
- 使用响应式数据：Vue的响应式系统会自动追踪数据的变化，并在依赖发生变化时更新DOM。可以将计算属性的依赖改为响应式数据，这样当依赖发生变化时，计算属性会自动更新。
- 使用侦听器：Vue提供了侦听器（watcher）机制，可以手动监听数据的变化并执行相应的操作。可以通过在计算属性中使用侦听器来监听依赖的变化，并在变化时手动更新DOM。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库（TencentDB）。
腾讯云云服务器（CVM）是一种灵活可扩展的云计算服务，提供了高性能、可靠稳定的云服务器实例，适用于各种应用场景。
腾讯云云数据库（TencentDB）是一种高性能、可扩展的云数据库服务，支持多种数据库引擎，提供了高可用性、可靠性和安全性，适用于各种数据存储需求。
更多关于腾讯云云服务器和云数据库的信息，请访问以下链接：
腾讯云云服务器（CVM）产品介绍：https://cloud.tencent.com/product/cvm
腾讯云云数据库（TencentDB）产品介绍：https://cloud.tencent.com/product/cdb
相关·内容
1回答
Vue DOM对计算属性不起反应
vue.js、vuejs2、vuex
我有一个按钮，如果计算属性的valid属性为false，则该按钮被设置为禁用。如果为true，则应启用该按钮，并允许用户移动到当前流中的下一步。我的currentStep计算属性在当前步骤的输入更改时完全更新，但是按钮:disabled=" currentStep.valid“不能识别对currentStep.valid所做的更改。如果我点击vue-devtools中的当前组件(addnewprogram)来查看它的数据，按钮将正确显示！/base/base
浏览 1提问于2018-01-04得票数 3
回答已采纳
3回答
试图理解这种Vue反应性不一致
vue.js、vue-reactivity
给出以下两个示例： el: "#app", message: "Hello!"this.myProp = 2; }<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></
浏览 4提问于2021-05-14得票数 1
1回答
Vuejs2 -如何比较具有计算属性的两个数组中的元素？
javascript、arrays、vuejs2、computed-properties
我正在编写一个用于比较两个数组的计算函数...一个keywords位于数据中，另一个由computed keywords_list返回。当计算比较时，他不接受在第一个数组中Axios之前获得的计数值...我不知道该怎么办..。 我的代码： { this.
浏览 33提问于2019-12-20得票数 1
1回答
与数据、计算等无关的变量的反应性
vue.js
在对vue.js进行了大量试验和阅读之后，我开始使用组件等处理我的第一个应用程序。我发现很难将外部对象与数据关联起来，并找出Vue将这些外部实体与data/computed/watch/props属性绑定的条件。我主要关心的是，当a: b,在data部分中，而b是一个外部实体，比如值、数组、对象、简单的或嵌套的对象时，它主要是如何与{{a}}和v-bind中的DOM绑定的。为什么不呢，因为b是在data部分声明的。当我尝试{{c}}时，事情变得很奇怪，c是Vue</e
浏览 4提问于2019-04-13得票数 1
1回答
VueJS jQuery:未定义的父数据属性的计算值
jquery、vue.js、vuejs2、custom-data-attribute
当用户单击data-reportid时，我试图从父<tr>中提取<td>属性。</td>VueJS -计算 return $(this).parent().data('reportid');当用户单击时，控制台将报告“未定义DOM正确地呈现data-reportid属性，它包含正确的值，所以这不是一个因素。
我在这里错过了什么？请耐心等待。主要是PHP背景。
浏览 3提问于2020-03-08得票数 4
回答已采纳
2回答
为什么Vue3中的空对象不是反应性的？
javascript、vue.js、vuejs3、vue-reactivity
当我从一个空对象创建一个ref，然后添加对象属性时，就没有反应了： <p>{{hello}}</p> }}单击按钮显示myData已更改，但计算属性hello
浏览 11提问于2022-03-13得票数 4
回答已采纳
2回答
在vue js中访问DOM好吗？
javascript、dom、vue.js
我想知道在Vue js应用程序中访问DOM可以吗？例如，如果我想将一个元素(div)附加到body标记中，这建议在Vue js方法中使用document.getElementById吗？我真的想知道使用document访问Vue js中的DOM是否很常见？
浏览 0提问于2019-03-18得票数 4
回答已采纳
1回答
Vue -反应式媒体.readyState
javascript、vue.js、vuejs2
在使用Vue.js时，我想使用音频dom元素的readyState属性作为反应性属性。我尝试设置一个计算属性来返回该属性： if(this.有没有办法让它成为一个反应性的属性？
浏览 1提问于2017-09-14得票数 1
1回答
Vue对非冻结数据的冻结列表进行排序
vuejs2
我有一个非冻结数据的冻结列表，其意图是容器不是反应性的，但元素是反应性的，因此对N个事物中的一个事物的更新不会触发对N个事物的依赖关系检查。 data()
浏览 0提问于2020-10-15得票数 0
3回答
如何在使用VueJS更新对象中的多个道具时诱导反应性？
javascript、vue.js、vuejs2、vue-component、vuex
在构建我的应用程序时，我看到了一些奇怪的行为，在应用程序中，dom的一部分没有对输入做出适当的反应。变异正在被注册，状态正在改变，但DOM中的道具没有变化。因此，状态正在更新，但Vue并没有对这一变化做出反应。我认为原因如下：
Vue无法检测属性的添加或删除。由于Vue在实例初始化期间执行getter/setter转换过程，因此必须在数据对象中显示一个属性，以便Vue<
浏览 4提问于2020-04-02得票数 6
1回答
如何将组件绑定到动态外部状态？
javascript、reactjs
document.body myData.counter++; // Simulate dynamic updates.我已经测试了React，但是DOM
浏览 7提问于2020-04-03得票数 0
回答已采纳
1回答
Vue2 -更新对象的方式与删除相同
vue.js、vuejs2
是否有一种与使用Vue.delete相同的方式更新属性？let serviceIndex = this.services.findIndex(service => serviceID)
});
如果可能的话，我想用一些全局更新方法替换Vue.delete
浏览 3提问于2018-06-03得票数 0
回答已采纳
1回答
Vue的行为-在创建后添加属性时，可以观察到
vue.js、vuejs2
我希望在我的Vue文件中有一个小注册表，并决定使用Vue提供的Vue.observable函数(是的，我可以使用Vuex，但首先我想尝试不使用)。现在，当我在创建后(当然使用Vue.set )将属性添加到我的注册表时，我发现我的属性的反应性很难预测：
...
computed
浏览 4提问于2020-10-08得票数 1
回答已采纳
9回答
Vue.js计算属性未更新
javascript、vue.js、single-page-application
我使用的是Vue.js计算属性，但遇到了一个问题:计算方法在正确的时间被调用，但是由计算方法返回的值被忽略了！Vue chrome devtools证实了这一点(在初始缓存之后，filteredClasses永远不会改变)。<template> <div class="card light-blue white-text">
浏览 0提问于2017-03-08得票数 69
2回答
在v-for循环中使用计数器标志
vue.js、vuejs2、v-for
我想在另一个v-for循环中使用v-for中的计数器标志来计算内部循环的总运行次数。
浏览 4提问于2019-07-31得票数 0
3回答
vue3反应意外行为
vue.js、vuejs3、vue-composition-api
我有一个反应性对象，在保存函数上我调用toRaw以删除de反应性，但是，当我更改反应性对象道具时，组对象也在更改.怎么做？console.log(isReactive(group)) //say false but the group.name value is demo 将反应性编辑：下面的累积对象从存储中检索列表，然后在模板中将其绘制为单击所选元素的表的行。
浏览 1提问于2021-01-15得票数 1
回答已采纳
1回答
在Vue 3中的插件中创建一个全局计算属性
vue.js、vue-component、vuejs3、computed-properties
我正在尝试从Vue 3插件中创建一个全局计算属性，这样我的属性就可以在任何组件中被反应性地使用。我使用的是 Vue 3模式：app.config.globalProperties.$foo = computed({})
-it的行为不像计算属
浏览 0提问于2021-11-05得票数 1
回答已采纳
1回答
绑定:在Vue 3中不使用脚本设置和组合API的类
vue.js、vuejs3、vue-composition-api
我使用的是Vue 3，脚本设置和复合API。我来自Svelte，所以使用脚本设置确实让我想起了Svelte的简单性。
但我搞不懂为什么这不管用。
浏览 3提问于2021-10-22得票数 2
回答已采纳
1回答
Vue 2.5中的文本对象和属性反应性
vuejs2、vue-reactivity
为什么绑定到组件属性的文本对象的嵌套字段没有得到响应和观察？console that nested fields of this.myProp do not get reactive (i.e. no getters)我知道我可以绕过它，但我只是想问为什么不呢有没有一种巧妙的方法让它变得反应灵敏？
谢谢!
浏览 0提问于2018-06-10得票数 0
1回答
何时对数据进行评估？
vuejs2
从中，我无法确定何时对data进行评估。<template> return { } }user_ref应该只计算一次还是应该在重新渲染时重新评估
浏览 2提问于2017-07-11得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
