Vue 数值改变页面没有刷新的问题解决(数据改变视图不更新的问题)

  Object.keys(result).forEach(item => {
     this.tableData[index][item] = result[item];
 })

  Object.keys(result).forEach(item => {
    this.$set(this.tableData[index], item, result[item])
 })

 this.tableData[index] = { ...this.tableData[index], ...result };
  this.tableData = JSON.parse(JSON.stringify(this.tableData))

 <Table :columns="columns" :data="tableData"  v-if="isTable"></Table>

 this.$nextTick(()=>{
     this.isTable = true;
  })

 columns: [
     {
       type: "expand",
       width: 30,
       align: "center",
       render: (h, params) => {
         return h(
           "div",
           {
             style: {
               padding: "5px 0 5px 30px",
               backgroundColor: "#fff",
             },
           },
           [
             h("Table", {
               props: {
                 border: true,
                 columns: this.columns1,
                 data: this.data[params.index].children || [],
                 tablekey: this.tablekey,
               },
             }),
           ]
         );
       },
     }
]

this.data.forEach((item) => {
    if (item.id === id) {
      let result = res.result || [];
      item.children = result;
      this.submitBindData.ids = result.map((o) => o.id).join(",");
    }
  });
  ++this.tablekey;