vue改变数组内容页面不刷新问题

Posted 2023-03-01

参考技术A 由于javascript的限制，在使用索引改变数组时，Vue不会重新渲染页面。

原因：
a[3] = newValue; 数组a本身没有变化.

解决方案：利用splice ，该方法会改变数组本身。

arrayObject.splice(index,howmany,item1,.....,itemX)
index: 必需。整数，添加/删除项目的位置，使用负数可从数组结尾处规定位置。
howmany: 删除元素的个数
item1,.....,itemX ：待添加元素

a.splice(3,1,newValue) ;