vantfieldlabel样式修改,有赞团队的vant ui组件库<van-field>使用

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