小编给大家分享一下vue+element ui表单验证有值但验证失败怎么办，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
创新互联成立于2013年，是专业互联网技术服务公司，拥有项目
做网站、成都网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元龙安做网站,已为上家服务,为龙安各地企业和个人服务,联系电话:13518219792
一.如图：有值但是验证失败
二.
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://www.cdkjz.cn/article/hsosi.html
