在做vue项目后台管理系统中遇到这样一个问题:
![](https://img.haomeiwen.com/i4757483/d45b9a13bc2c978f.png)
像这种界面,需要改变一个表单form的某个属性时,界面值没有快速更新,出现反应延迟。
在vue中,修改一个数组或是对象,修改需要用专用的方法。
数组(Array):
push()
pop()
shift()
unshift()
splice()
sort()
reverse()
对象(Object):
修改对象people的age属性:
使用this.$set
this.$set(this.people, 'age', 27)
如果是为已有对象添加多个新的属性,则使用 Object.assign() 或 _.extend(),都是用于实现对象拷贝
this.people = Object.assign({}, this.people, {
age: 27,
like: 'music'
})
网友评论