elementui 动态表单验证,elementui自定义表单验证规则

　　这篇文章主要介绍了某视频剪辑软件元素动态增加表单项并添加验证的代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

　　参考elementUI官网以及网上的其他一些资料。话不多说，直接贴代码。

　　高温形变热处理部分：

　　divid= app style= width:500 px；

　　El-form:model= environment form ref= environment form

　　el-row:gutter=24v-for=(item，index)环境形式。 items :key= item。“钥匙”

　　el-col:span=6

　　el-form-item:prop= 项。索引。名称

　　:rules="{要求：真，消息："名称不能为空，触发器：模糊 }

　　El-inputv-model= item。名称/El-输入

　　/El-表单-项目

　　/el-col

　　el-col:span=6

　　el-form-item:prop= 项。索引。变量""

　　:rules="{要求：真，消息："变量值不能为空，触发器：模糊 }

　　El-inputv-model= item。变量/El-输入

　　/El-表单-项目

　　/el-col

　　El-col:span= 3 v-if=环境窗体。项目。长度！==1

　　El-button @ click= removeEnvironmentForm(item) class= El-icon-delete size= mini circle

　　/el-button

　　/el-col

　　el-col:span=3

　　El-button @ click=添加环境表单 size= mini class= El-icon-plus circle/El-button

　　/el-col

　　/el-row

　　埃尔-表单-项目

　　El-button type= primary @ click= submit form( environment form )提交/el-button

　　El-button @ click=重置表单(环境表单)重置/el-button

　　/El-表单-项目

　　/el格式

　　/div

　　实现效果：单个时

　　多个时显示删除按钮

　　到此这篇关于某视频剪辑软件元素动态增加表单项并添加验证的代码详解的文章就介绍到这了，更多相关某视频剪辑软件元素增加表单项内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。