vue+Element UI 实现动态表单（点击按钮增删表格及嵌套输入框的增删）(1)

<el-button size=“small” @click=“addTable”>新增

<el-button size=“small” @click=“delTable”>删除

<el-table ref=“table” :data=“tableDataBind.taAssessltems” tooltip-effect=“dark” border @selection-change=“selectRow”>

规格：

重量：

数量：

加工费：

<el-button size=“mini” type=“primary” icon=“el-icon-circle-plus-outline” @click=“addinput(scope.$index,index)”>

<el-button size=“mini” type=“primary” icon=“el-icon-delete” @click=“delinput(scope.$index,index)”>

data(){

return {

multipleSelection: [],

tableDataBind:{

taAssessltems:[],

taAssessDetails:{}

},

selectlistRow:[],

rowNum:1,

}

},

methods: {

addTable(){

let tablelist = {

rowNum:this.tableDataBind.taAssessltems.length + 1,

taAssessDetails:[{