今天小编就为大家分享一篇vue2.0 + ele的循环表单及验证字段方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于vue2.0 + ele的表单循环以及对应字段的验证！！！！！
html代码
<div> </div> 提交取消
script代码
//引入接口 import { fetchdata, } from 'src/api/login' export default { var checkTel = (rule, value, callback) => { //循环判断这里是关键，这样做才可以对循环里每一条做判断 for (let i = 0; i { for (let i = 0; i { var vdt = this.VDT.vdata(value, {'required': {msg: '请填写年龄'}}); if (!vdt.result) { callback(new Error(vdt.msg)); } else { callback(); } }; return { form: { xh:[{ tel, nickname, isnickname:false, //附一个初始值，默认不显示。 }], age:'', id:'1', }, rules: { tel: [{required: true, validator:checkTel,trigger: 'blur',}], nickname: [{required: true, validator:checkNickname,trigger: 'blur',}], age: [{required: true, validator:checkAge,trigger: 'blur',}], }, }, }, created() { this.getData(); }, methods: { getData() { this.fullScreenLoading = true; fetchdata(this.id).then(response => { //这里请求对应的接口 if(response.data.success == true) { this.fullScreenLoading = false; this.form = response.data.data; //返回数据赋给表单 }else{ this.fullScreenLoading = false; return false; } } } }
本文只是作者在开发时总结出来的经验，希望可以有所帮助。
以本文来源gaodai#ma#com搞@@代~&码网^上这篇vue2.0 + ele的循环表单及验证字段方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持gaodaima搞代码网。
以上就是vue2.0 + ele的循环表单及验证字段方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue2.0 + ele的循环表单及验证字段方法
转载请注明原文链接：vue2.0 + ele的循环表单及验证字段方法
