【自定义校验规则】适用element+vue，存在请求

小白认菜

已于 2022-04-08 11:39:50 修改

阅读量950

点赞数

文章标签： elementui vue

于 2022-04-08 09:59:10 首次发布

本文链接：https://blog.csdn.net/weixin_46902217/article/details/124033589

版权

在做项目的时候，有个需求是要修改密码，其中就有要对旧密码验证，用的是element-ui分装的校验规则，在考虑安全性和系统统一的情况下，不能使用登录存储密码来判断的形式，又想实现下图的这种显示的，那就只能使用自定义校验并发送验证请求。

HTML

<el-form :model="addForm" :rules="addFormrules" ref="addFormRef" 
  label-width="70px">
  <el-form-item label="用户名：" prop="userName" label-width="100px">
    <el-input v-model="addForm.userName" placeholder="用户名的长度在3个到23个字符之间"></el-input>
  </el-form-item>
  <el-form-item label="性别：" prop="gender" label-width="100px">