vue数组改变但是页面不更新的解决方案

原创
小哥 3年前 (2022-11-08) 阅读数 49 #大杂烩

分类

1、由于javascript某些情况下的限制vue将无法侦听阵列中的更改,例如: items[index] = newitem

2,或者阵列结构过于复杂和深,这也可能导致更新问题。

解决方案

1、当使用 items[index] = newitem 这种写入方法,页面无法监视数组的变化,可以修改写入方法: this.$set(this.items,index,newitem)

2当结构复杂或较深时,可使用此方法:
首先定义变量keyDate: 0
将绑定添加到数组更改且页面需要更新的页面。:key=“keyDate”

数组更改后,添加以下代码: this.keyDate += 1

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门