欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-01 23:02:48
vue+element-ui validator 有值任然提示不能为空的问题所在 rules2: { username2: [ {required: true, message...

    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'}
      ]
    }