绑定的值与规则指定的值一定要相同-------
第一步:
加上rules ref
第二部:
名称" prop="name">
加上prop
第三部:
required: true,message: '请输入活动名称',trigger: 'blur' },{ min: 3,max: 5,message: '长度在 3 到 5 个字符',trigger: 'blur' }
],resource: [
{ required: true,message: '请选择活动资源',trigger: 'change' }
],}
这里加了required的话 prop的屁股后面就不用加了;这里其他的详细验证看文档
第四部:点击提交表单
(这里有一个地方切记,
这里一定要引号引起来,搞定
{
if (valid) {
这里是验证成功后该干嘛干嘛
总结
以上所述是小编给大家介绍的element 结合vue 在表单验证时有值却提示错误的解决办法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文链接:https://www.f2er.com/vue/34091.html