欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue element表格 实现添加按钮,表格后新增一行的样式

程序员文章站 2022-06-07 22:10:22
...

效果图:
vue element表格 实现添加按钮,表格后新增一行的样式
实现:

<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)
},