element-ui 表格树编辑后重新获取数据不刷新解决方法

问题

element-ui改变数据后重新getData() 改变tableData的值 但是表格并没出现数据响应改变，需要刷新才显示

解决方法

添加key字段 key为getData获取数据后需要改变的值

  <el-table
      ref="singleTable"
      :data="tableData"
      style="width: 100%"
      v-loading="loading"
      :key="key"   
      element-loading-background="rgba(0, 0, 0,.2)"
      highlight-current-row
      @current-change="handleCurrentChange"
      @row-dblclick="check({}, 'dbclick')"
      row-key="id"
      :tree-props="{ children: 'children', hasChildren: 'hasChildren' }"
    >
</el-table>

 confirmSuccess() {
      //此处做编辑添加操作 ...
      //重新获取数据
      this.getData();
      this.key = Symbol(new Date().toString());
},