解决办法:父组件的数组,在操作赋值以后,增加 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()
Logo

前往低代码交流专区

更多推荐