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 动态添加删除标签的主要内容,如果未能解决你的问题,请参考以下文章

AngularJs动态添加元素和删除元素

在TabLayout(材料设计)android中动态添加和删除标签

如何使用标签属性删除动态添加的控件

element表格删除行

js动态添加和删除标签

在滚动时动态添加和删除 div?