vue父组件数组更新,子组件对应视图不更新(数组是子组件的props)解决办法
vue父组件数组更新,子组件对应视图不更新。splice(0,0)
·
解决办法:父组件的数组,在操作赋值以后,增加 splice(0, 0)
方法
splice
会改变原始数组(重要!)splice(0, 0)
:从索引为0的项开始,截取长度0(结果就是什么都不操作)
methods: {
update () {
// 这里是更新数组的逻辑
// this.list = [...]
// 在这里加上这一行!!
this.list.splice(0, 0)
}
}
然后子组件的视图就更新了~
以下这些方法都会触发数组的更新
push
pop
shift
unshift
splice
sort
reverse
所以不更新的时候,写两个 reverse
也是可以的,虽然看起来有点蠢哈哈 O(∩_∩)O
this.list.reverse().reverse()
更多推荐
已为社区贡献2条内容
所有评论(0)