这篇博客介绍了在Vue中如何操作表格数据，包括新增数据（通过`tableDatafirst.push(formfirst)`将表单数据添加到表格）、删除数据（使用`tableDatafirst.splice(index, 1)`移除指定行）以及编辑数据（通过设置`formfirst`为选中行并打开弹窗进行编辑）。这些功能对于前端开发者在构建CRUD应用时非常实用。
新增：调用
this.tableDatafirst.push(this.formfirst);
其中tableDatafirst是表格data。formfirst是表单数据。两者定义的各字段要对应上哦
删除：调用
HTML
<i
class="el-icon-delete"
@click="dete1(scope.$idnex)"
title="删除"
></i>
JS
dete1(index) {
this.tableDatafirst.splice(index, 1);
},
编辑：调用
HTML
<i
class="el-icon-edit"
@click="edit1(scope.row)"
title="编辑"
></i>
JS
edit1(row) {
this.formfirst = row;
this.dialogfirst = true;//表单的弹窗
},
3466
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
