当前位置: 移动技术网 > IT编程>网页制作>CSS > vue+element-uivalidator有值任然提示不能为空的问题

vue+element-uivalidator有值任然提示不能为空的问题

2018年09月30日  | 移动技术网IT编程  | 我要评论

    vue+element-ui validator 有值任然提示不能为空的问题所在

    rules2: {
      username2: [
        {required: true, message: '请输入用户名', trigger: 'blur'},
        {min:2,max:20,message:'长度在2到20个字符之间',trigger:'blur'}
      ]
    }
    

    以上代码运行时 不论用户名输入什么都会提示“请输入用户名”,这是应为不论你输入什么根本就没有取到值,原因是prop参数设置不一致导致。prop的参数应该设置为model.key的值,不能随意取名,此处prop应为:prop="username"

    rules2: {
      username: [
        {required: true, message: '请输入用户名', trigger: 'blur'},
        {min:2,max:20,message:'长度在2到20个字符之间',trigger:'blur'}
      ]
    }

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网