vue element表格 实现添加按钮,表格后新增一行的样式
程序员文章站
2022-06-07 22:10:22
...
效果图:
实现:
<el-button @click="addziduan">添加字段</el-button>
表格原本绑定的数据
prototypes:[
{
name: 'type',
describe: '设备类型字段,不可修改',
isNull: false,
vVisible: true
}
]
// 添加字段按钮
addziduan() {
// 向表格数组中数据添加一行
this.prototypes.push({
index: this.prototypes.length,
name: '',
describe: '',
isNull: false,
vVisible: false
})
console.log(this.prototypes)
},
// 删除按钮
deleteit(row) {
this.prototypes.splice(row.index, 1)
},
上一篇: Ant 表格行编辑 VUE