Vue中数组和对象更新延迟问题

在做vue项目后台管理系统中遇到这样一个问题:

Vue中数组和对象更新延迟问题_第1张图片
来源:element-ui

像这种界面,需要改变一个表单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'

})

你可能感兴趣的:(Vue中数组和对象更新延迟问题)