本文介绍如何使用Vue2.0和Element UI动态创建表单，包括点击按钮添加和删除表格行，以及嵌套输入框的增删。通过`addRow()`方法增加行，`delData()`方法删除选中行，`addinput()`和`del()`方法处理嵌套输入框。关键在于给每一行分配唯一的`rowNum`以便正确操作。
动态实现表单的行增减删除，先看下效果
如图，点击添加按钮行数下方会新增一行表格，点击删除会删除相应行的表格，表格行内嵌套了input输入框
最近刚写了这个项目，所以我们一切以后端请求接口返回数据为例
代码实现
我们这个功能是点击跳出的弹框
选项
分值
+ -
取 消
保 存
复制代码
增加删除行的方法
export default {
data() {
return {
dialogBindData: {
tbAssessItems:[],
tbAssessLevels:{
assessFormId:""
}
}，
selectlistRow: [],
rowNum: 1,
}
},
methods: {
// 增加行
addRow() {
var tablelist = {
rowNum: this.dialogBindData.tbA
最低0.47元/天 解锁文章
3854
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
