error-message可以绑定一个字符串变量,记得加上冒号(:error-message="yourText")
例如,撸一个输入账号,再撸一个输入密码:
v-model="username"
clearable
label="用户名"
icon="question"
placeholder="手机号/邮箱"
:error-message="errorMessage.userInput"
/>
v-model="password"
type="password"
label="密码"
placeholder="请输入密码"
:error-message="errorMessage.pwdInput"
/>
data中的定义errorMessage:
errorMessage: { userInput:"", pwdInput:"", zipCode:"" },
Ps:我是将所有需要报红提示的信息都存在一个errorMessage对象中,修改和增加代码的时候方便撸。
使用的时候很简单啊!
this.errorMessage.pwdInput = "密码输入错误" 页面上响应的就显示出来提示信息了;
如果要关闭提示信息,那更简单了。
直接this.errorMessage.pwdInput = "" 赋值为空即可。
最后校验方面的话,自己写多了就总结出一套比较通用的正则和检验方法,自己再封装一下,每次每个项目用的时候直接import,多开心啊2333