小编给大家分享一下vue+element ui表单验证有值但验证失败怎么办，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
目前创新互联已为上1000+的企业提供了网站建设、域名、网站空间、网站改版维护、企业网站设计、项城网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
一.如图：有值但是验证失败
二.
export default {
data() {
return {
form: {
template: null
}
rules: [
template:{required: true, message: '数据模板不能为空', trigger: 'blur'}
]
}
}
}
以上是正确的验证例子。
三.
目前碰到两种情况会导致验证失败，而且使用自定义验证形式的时候发现value的值为undefined：
1.prop和v-model的值名称不一致
1必须和2名称保持一致，3处的变量也需和2处的prop保持一致
2.在data{}里面没有声明变量也会导致验证失败，使获取的值value值为undefined。
看完了这篇文章，相信你对“vue+element ui表单验证有值但验证失败怎么办”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
文章标题：vue+elementui表单验证有值但验证失败怎么办
分享链接：
http://bjjierui.cn/article/pidggp.html
