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

打开全栈工匠技能包-1小时轻松掌握SSR

两小时精通jq+bs插件开发

生产环境下如歌部署Node.js

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

网易内部VUE自定义插件库NPM集成

谁说前端不用懂安全，XSS跨站脚本的危害

webpack的loader到底是什么样的？两小时带你写一个自己loader

规格：

重量：

数量：

加工费：

<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:[{

specs:‘’,

weight:‘’,

}],

purchaseContractId:‘’,

remark:‘’,

}

this.tableDataBind.taAssessltems.push(tablelist);

},

delTable(){

if(this.tableDataBind.taAssessltems.length <= 1){

this.$message.error(‘不允许删除’);

}else{

for(let i = 0; i< this.selectlistRow.length;i++){

const rowData = this.selectlistRow;

// 获取选中行的索引方法 遍历表格数据和选中的val数据，比较它们的rowNum，相等则输出选中行的索引

rowData.forEach((row,index) => {

this.tableDataBind.taAssessltems.forEach((v,i) => {

// rowNum的作用 为了让每一行有一个唯一的数据 便于比较

if(row.rowNum === v.rowNum){

// i 为选中的索引

最后更多分享：前端字节跳动真题解析

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 

节跳动真题解析**

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• [外链图片转存中…(img-hhOjU13X-1715827998989)]