prop的值一定要与Rule里面的名字一样
Rule代码如下:
Rule: {
username: [{
required: true,
validator: (rule, value, callback) => {
if (!value) {
callback(new Error("请输入用戶名"))
}
else if (String.trim(value) == "") {
callback(new Error("用戶名不能为空"))
}
else{
callback()
}
},
trigger: blur
}],
password: [{
required: true,
validator: (rule, value, callback) => {
if (!value) {
callback(new Error("请输入密码"))
}
else if (String.trim(value) == "") {
callback(new Error("密码不能为空"))
}
else{
callback()
}
},
trigger: blur
}]
},
点提交的时候校验空格与是否必填
代码如下:
submitLogin() {
this.$refs["LoginRef"].validate((val) => {
if (val) {
alert('XXX')
}
})
}