如何通过外部的一个按钮,修改el-table中某个字段的值

如何通过外部的一个按钮,修改el-table中某个字段的值
床前明月光,疑是地上霜,举头望明月,低头思故乡

绑定点击事件,修改数据源就可以了:

<template>
  <div>
    <el-table :data="tableData">
      <!-- 表格字段定义 -->
    </el-table>
    <el-button @click="changeValue">修改值</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'John', age: 18 },
        { name: 'Jane', age: 20 }
      ]
    }
  },
  methods: {
    changeValue() {
      // 修改数据源中的某个字段的值
      this.tableData[0].age = 21;
    }
  }
}
</script>


不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^