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

Question

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

Answer 1

绑定点击事件，修改数据源就可以了：

<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>