数组和对象的什么操作不会再vue中被监测到,原因是什么
答案:1 悬赏:80
解决时间 2021-01-12 09:05
- 提问者网友:暗中人
- 2021-01-11 14:00
数组和对象的什么操作不会再vue中被监测到,原因是什么
最佳答案
- 二级知识专家网友:山有枢
- 2021-01-11 14:41
1、检测对象的变化
受现代 JavaScript 的限制(以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。
使用Object.assign() 或 _.extend() 方法来添加属性
// 代替 `Object.assign(this.someObject, { a: 1, b: 2 })`this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })
2. 检测数组的变化
由于 JavaScript 的限制, Vue 不能检测以下变动的数组:
(1)、当你利用索引直接设置一个项时,例如: vm.items[indexOfItem] = newValue
(2)、当你修改数组的长度时,例如: vm.items.length = newLength
如何解决上述问题呢?
方法1:
// Vue.setVue.set(example1.items, indexOfItem, newValue)
方法2:
// Array.prototype.spliceexample1.items.splice(indexOfItem, 1, newValue)
受现代 JavaScript 的限制(以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。
使用Object.assign() 或 _.extend() 方法来添加属性
// 代替 `Object.assign(this.someObject, { a: 1, b: 2 })`this.someObject = Object.assign({}, this.someObject, { a: 1, b: 2 })
2. 检测数组的变化
由于 JavaScript 的限制, Vue 不能检测以下变动的数组:
(1)、当你利用索引直接设置一个项时,例如: vm.items[indexOfItem] = newValue
(2)、当你修改数组的长度时,例如: vm.items.length = newLength
如何解决上述问题呢?
方法1:
// Vue.setVue.set(example1.items, indexOfItem, newValue)
方法2:
// Array.prototype.spliceexample1.items.splice(indexOfItem, 1, newValue)
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯
• 手机登qq时,显示手机磁盘不足,清理后重新登 |
• 刺客的套装怎么选啊? |