vue 动态生成的数据不响应视图，请问怎么解决呢，谢谢

Question

    handleOk (val) {
      const len = this.dataTable.length
      val.forEach((item, index) => {
        item.key = (len + index) + ''
        item.editable = false
        this.dataTable.push(item)
      })
      console.log(this.dataTable)
      this.$refs.tableChild.data = this.dataTable //这里赋的值
      this.visible = false
      this.$forceUpdate() // 强制刷新也没用
    }

Answer 1

先确定this.dataTable的值没问题，再试试this.$set(this.$refs.tableChild, 'data', this.dataTable)？

Answer 2

这是 vue3 以前考虑到性能没有深度监听响应式属性，你可以通过以下方式解决：

1. vm.$set()
2. deep watch
3. hack 手段，在这行（ this.$forceUpdate() // 强制刷新也没用），改成 array.sort()
4. 升级到 vue3

Answer 3

https://cn.vuejs.org/v2/guide...
看下vue官网对数组和对象的变化的监听或许对你有点启发