当前位置: 首页 > Web前端 > vue.js

动态绑定输入数据到iview表单

时间:2023-03-31 18:08:26 vue.js

要实现Input数据的动态绑定,只需执行以下步骤1.首先你得有一个大表删除Addparameters2.那么数据中一定要有这个表的表头和数据tableCol:[{title:'bodyparametername',key:'key',slot:'key'},{title:'bodyparametervalue',key:'value',slot:'value'}],tableData:[]3.来了关键,就是方法a中添加绑定的方式。首先向其中添加空数据addKey(){this.tableData.push({key:'',value:''})},b.然后绑定输入Seton-change事件setData(e,index,type){this.tableData[index][type]=e.target.value}c.如果表太多,一定要有删除按钮delData(index){this.tableData.splice(index,1)},4.对比下看,搞定