之前设计login组件时增加了简单的表单验证,因此对应的users组件,添加用户功能也必须设置相应的验证规则。
文档form表单验证只提供了用户名/密码,是否必须/长度限制的验证。对于电话、邮箱和地址的验证如下:
html部分,先绑定props
<el-form-item label="邮箱" prop="email"
:label-width="formLabelWidth">
<el-input v-model="form.email" autocomplete="off"></el-input>
</el-form-item>
<el-form-item label="手机" prop="mobile"
:label-width="formLabelWidth">
<el-input v-model="form.mobile" autocomplete="off"></el-input>
</el-form-item>
js部分,在data内的return之前
data () {
const checkPhone = (r