有赞团队的vant ui组件库<van-field>使用

Question

使用有赞团队的vantui组件库，在表单中使用，但是好像官方自带的参数“error-message”只能是一个固定字符串，不能动态更改，请问有什么别的方法吗，还有就是效验，是需要自己写得吧，官方没有相应的方法

Answer 1

官方的示例是直接放了字符串，但是你可以v-bind到变量上啊，变量更改提示文字就更改了。
v-model="phone"
label="手机号"
placeholder="请输入手机号"
:error-message="errorMessage"
/>
还有表单效验的确没内置，这很无语，建议自己结合async-validator撸一个，也不难
                            

Answer 2

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