element 动态添加删除标签
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element 动态添加删除标签相关的知识,希望对你有一定的参考价值。
参考技术A 首先html部分如下因为我这里标签对应的内容是引入的组件,所以我把我要传给组件的参数用:rjKingSettingHandleInfo="item.content"传过去,这里建议要看一下组件引用的知识点了
声明数组和变量
添加和删除的方法
功能要求,判断是否已经打开页面,已经打开的就不再重复打开
该判断放在需要的地方,就是打开的时候进行循环判断
这里边的row是传进来的参数
这样就实现了新增标签和删除标签
效果图
在这里我的第一个标签页不能删除,所以我把删除按钮隐藏掉了
vue:动态添加删除el-form-item并做rules校验
参考技术A 把rules直接写在el-form-item标签里面 同时要注意prop的写法 写你遍历的那个数组名+下标+校验的字段此处如果发现不生效 检查下你的prop里面的数组是不是写错了 不能写ruleForm.billingBindMeals 而应该直接写billingBindMeals
以上是关于element 动态添加删除标签的主要内容,如果未能解决你的问题,请参考以下文章