微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

element 结合vue 在表单验证时有值却提示错误的解决办法

绑定的值与规则指定的值一定要相同-------

第一步:

rush:js;">

加上rules ref

第二部:

rush:js;"> 名称" prop="name">

加上prop

第三部:

rush:js;"> rules: { name: [ { required: true,message: '请输入活动名称',trigger: 'blur' },{ min: 3,max: 5,message: '长度在 3 到 5 个字符',trigger: 'blur' } ],resource: [ { required: true,message: '请选择活动资源',trigger: 'change' } ],}

这里加了required的话 prop的屁股后面就不用加了;这里其他的详细验证看文档

第四部:点击提交表单

(这里有一个地方切记这里一定要引号引起来,搞定

{ if (valid) {

这里是验证成功后该干嘛干嘛

rush:js;"> } else { console.log('error submit!!'); return false; } }); },

总结

以上所述是小编给大家介绍的element 结合vue 在表单验证时有值却提示错误解决办法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐