vue数组改变但是页面不更新的解决方案
分类1、由于javascript的限制,某些情况vue会监听不到数组的变化,例如:items[index] = newitem2、或者是数组结构过于复杂和深度过深,也可能导致更新出现问题。解决方案1、当使用items[index] = newitem这类写法,页面监听不到数组变化,可修改写法:this.$set(this.items,index,newitem)2、当是结构复杂或深度过深时,可采用
·
分类
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
更多推荐
已为社区贡献3条内容
所有评论(0)