更新数组内容时,Vue 界面不更新

it2023-02-08  50

更新数组内容时,Vue 界面不更新

原因是 Vue 的数据与界面更新是通过 Object.defineProperty() 这个方法实现的。 更新数组内容时是不会触发界面更新的。

只有一些改变数组的方法 push(),pop(),shift(),unshift(),splice(),sort(),reverse() 才会触发。

所以,在我们需要手动更新数组内容并实现界面更新时,调用一个这种方法就可以了。

比如:

vm.students.splice(1,0); // 从第一个位置开始删除 0 个元素
最新回复(0)