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

前端之家收集整理的这篇文章主要介绍了element 结合vue 在表单验证时有值却提示错误的解决办法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

第一步:

加上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

猜你在找的Vue相关文章