[TOC]
使⽤ Vant 的 Form 表单 组件设置。 van-field 为 Field 输⼊框 组件,代表⼀个表单项,可通过 rules 属性设置⽅法进⾏校验。 submit 事件仅在提交表单且验证通过后触发。 设置到⻚⾯中,绑定数据并进⾏校验 // login/index.vue v-model=“form.phone” name=“phone” label=“⼿机号” placeholder=“请输⼊⼿机号” :rules=“[{ required: true, message: ‘请填写⼿机号’ }, { validator: phoneCheck, message: ‘格式有误,请重新输⼊’ }]” /> v-model=“form.password” type=“password” name=“密码” label=“密码” placeholder=“请输⼊密码” :rules=“[{ required: true, message: ‘请填写密码’ },{ validator: passwordCheck, message: ‘格式有误,请重新输⼊’ }]” />