元素形式校验数组每一项实例代码 - 行业资讯 - 肥雀云

1。校验的数据结构如下:

2。html结构
　　

　　　　　　& lt; el-dialog 　　: title=氨晏狻? 　　:visible.sync=笆泳酢? 　　宽度=?0%” 　　:before-close=叭∠北? 　　& lt; el-form label-width=" 80 px”:模型=癴ormData”:规则=癴ormDataRules ref=癴ormData”比; 　　& lt; el-form-item label=" Id "=" Id " v=提案“formData.id”比; 　　{{formData.id}} 　　& lt;/el-form-item>//开始- - - - - - - - - - - - - - - - - - - - - - - - 　　& lt; div v=" formData(项目,索引)。测试”:关键="指数”比; 　　& lt; el-form-item标签=皌est1”:支持=安馐?${指数}]。test1”:规则="{要求:真的,信息:“请输入test1”,触发:‘模糊’}”在　　& lt; el-input type="文本" v模型=癷tem.test1祝辞& lt;/el-input> 　　& lt;/el-form-item> 　　& lt; el-form-item标签=皌est2”:支持=安馐?${指数}]。test2”:规则="{要求:真的,信息:“请输入test2”,触发:‘模糊’}”在　　& lt; el-input type="文本" v模型=癷tem.test2祝辞& lt;/el-input> 　　& lt;/el-form-item> 　　& lt;/div>//结束- - - - - - - - - - - - - - - - - - - - - - - - 　　　　& lt;/el-form> 　　& lt; div槽==癲ialog-footer”比“页脚”类; 　　& lt; el-button @click="取消"祝辞取消& lt;/el-button> 　　& lt; el-button类型=爸鳌盄click=罢?formData)“祝辞确定& lt;/el-button> 　　& lt;/div> 　　& lt;/el-dialog> 　　　　

3。提交

　　　　　　保存(formName:字符串){ 　　const el:任何=Ｃ涝?formName)参考文献; 　　埃尔。验证((有效:任何)=比;{ 　　如果(有效){//todo校验成功　　其他}{ 　　返回错误; 　　} 　　}); 　　} 　　　　

4。效果

元素形式校验数组每一项实例代码

以上所述是小编给大家介绍的元素形式校验数组每一项实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持。
　　如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!