vue 改变对象的属性,视图不刷新的问题
来源:互联网 发布:儿童绘画软件下载 编辑:程序博客网 时间:2024/06/07 22:37
最近遇到一个问题,在vue的data数据中心定义一个对象obj,然后在触发事件时给obj添加或修改属性的时候,页面中的视图不会同步更新,只有当其他数据发生改变时,视图才会同步更新数据,按理来说vue data数据中心的数据是双向绑定的,当数据中心的数据发生改变时,视图就会同步更新才对。
后来通过查阅官网资料发现:
Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter
转化过程,所以属性必须在 data
对象上存在才能让 Vue 转换它,这样才能让它是响应的。例如:
var vm = new Vue({data:{a:1}})// `vm.a` 是响应的vm.b = 2// `vm.b` 是非响应的
Vue 不允许在已经创建的实例上动态添加新的根级响应式属性(root-level reactive property)。然而它可以使用 Vue.set(object, key, value)
方法将响应属性添加到嵌套的对象上:
Vue.set(vm.someObject, 'b', 2)
您还可以使用 vm.$set
实例方法,这也是全局 Vue.set
方法的别名:
this.$set(this.someObject,'b',2)
阅读全文
0 0
- vue 改变对象的属性,视图不刷新的问题
- vue中对象属性改变视图不更新问题
- 关于FragmentPagerAdapter通知数据改变不刷新的问题
- vue 数据更新 视图不刷新
- 对象不改变只改变对象的属性多线程运行结果还是同步
- 物化视图的刷新问题
- java script更改src属性后,不刷新的问题
- 关于返回上一级视图后视图中tableview内容不刷新的问题
- 关于返回上一级视图后视图中tableview内容不刷新的问题
- vue 数组内对象修改属性页面不渲染问题
- 刷新不改变用户的选择
- vue修改对象的属性值后页面不重新渲染
- 关于ItemRenderer刷新改变值的问题
- 物化视图快速刷新的一个问题
- 自定义View的视图刷新问题
- 描述性程序对象属性值不识别的问题
- 38、批量改变对象的属性
- vue 循环对象,数据更新,但是视图未刷新
- UVA 10047
- C#通过反射DataRow转换成实体类
- 注解切面使用
- UVA 621
- linux下maven安装与配置
- vue 改变对象的属性,视图不刷新的问题
- 数据库设计(E-R图)
- ORA-12638: 身份证明检索失败解决方法
- 【python 接口开发】如何用python开发自己的接口
- UVA 1588
- poj 3061 尺取法
- Hadoop MultipleOutput例子
- Oracle之PL/SQL学习笔记
- ArcGIS API for JavaScript心得体验