解构赋值给el-table的children时视图不更新问题

问题

树形子组件数据渲染不出来,导致expand无法执行


解构赋值给el-table的children时视图不更新问题_第1张图片
image.png

成功效果应如下

解构赋值给el-table的children时视图不更新问题_第2张图片
image.png

解决

  1. 设置hasChildrentrue
tableData: [{
        // deptName: '全院',
        hasChildren: true
      }]
  1. load里面执行children的更新
load(tree, treeNode, resolve) {
      console.log('执行load', tree, treeNode, resolve)
      setTimeout(() => {
        resolve(
          this.$set(this.tableData[0], 'children', tree.children)
        )
      }, 1000)
    }

你可能感兴趣的:(解构赋值给el-table的children时视图不更新问题)