最近在开发中遇到了这样一些情况，通过点击事件改变了对象里面得数据，但是页面却不刷新，后来发现，是在给对象添加属性时出现的问题。
当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。
当页面初始化时候，vue会遍历data对象所有的属性，并使用object.defineProperty把这些属性全部转化为getter/setter，所以属性必须在 data 对象上存在才能让 Vue 转换它，这样才能让它是响应的。
官方定义：
Vue 不允许在已经创建的实例上动态添加新的根级响应式属性 (root-level reactive property)。
解决方法：可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上：
add() {
this.$set(this.obj, 'sex', '男')
}
也可以使用 this.$forceUpdate() 方法，可以局部更新
迫使Vue实例重新渲染。它仅仅影响实例本身和插入插槽的子组件，而不是所有字组件
最近在开发中遇到了这样一些情况，通过点击事件改变了对象里面得数据，但是页面却不刷新，后来发现，是在给对象添加属性时...
最近在开发中遇到了这样一些情况，通过点击事件改变了对象里面得数据，但是页面却不刷新，后来发现，是在给对象添加属性时...
当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属...
1、基于异步数据的vue页面刷新 先看看基于异步数据的vue页面刷新后，都发生了啥～ 如图所示： 图1 基于异步数...
很多时候我们需要强制刷新页面,你知道的,vue数据驱动视图,数据变化就会导致页面刷新,但是还有一种隐藏的超级简单的...
1、vuex刷新页面后数据不能保存？ 因为store里的数据是保存在运行内存中，当页面刷新时，页面会重新加载Vue...
vue 数据刷新后，页面没有联动更新 因为vue有个就近原则，只会刷新部分内容而不更新整体，这时可以给容器加一个k...
在vue项目中，假使我们在同一个路由下，只是改变路由后面的参数值，如果不监听路由参数值的变化，页面无数据刷新，需手...
路由变化页面数据不刷新问题 2.setInterval路由跳转继续运行并没有及时进行销毁 3.vue 滚动行为用法...
[Vue+WebSocket 实现页面实时刷新长连接] *最近vue项目要做数据实时刷新，折线图每秒重画一次，数据...
本文标题：vue 改变数据后，数据变化页面不刷新
本文链接：https://www.haomeiwen.com/subject/girxqktx.html
网友评论