大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

vue+elementui表单验证有值但验证失败怎么办-创新互联

小编给大家分享一下vue+element ui表单验证有值但验证失败怎么办,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

创新互联成立于2013年,是专业互联网技术服务公司,拥有项目做网站、成都网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元龙安做网站,已为上家服务,为龙安各地企业和个人服务,联系电话:13518219792

一.如图:有值但是验证失败

vue+element ui表单验证有值但验证失败怎么办

二.



 
  
 


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保持一致

vue+element ui表单验证有值但验证失败怎么办

   2.在data{}里面没有声明变量也会导致验证失败,使获取的值value值为undefined。

vue+element ui表单验证有值但验证失败怎么办

看完了这篇文章,相信你对“vue+element ui表单验证有值但验证失败怎么办”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


本文标题:vue+elementui表单验证有值但验证失败怎么办-创新互联
当前路径:http://dzwzjz.com/article/hsosi.html
在线咨询
服务热线
服务热线:028-86922220
TOP