如何通过外部的一个按钮,修改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>
不知道你这个问题是否已经解决, 如果还没有解决的话: