绑定的值与规则指定的值一定要相同-------
第一步:
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 举报,一经查实,本站将立刻删除。