大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下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表单验证有值但验证失败怎么办”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!