分类：vue表单验证

2022
06-10

vue使用rules实现表单字段验证

vue中表单字段验证的写法和方式有多种，本博客介绍三种较为常用的验证方式。1.写在data中验证表单内容<!--表单--><el-formref="rulesForm":rules="formRules":model="rulesForm"label-width="200px"><el-form-itemlabel="用户名称:"prop="userName"><el-inputv-model="rulesForm.userName"style="width:300px"maxlength="50"/></el-form-item></el-form><el-form>：代表这是一个表单<el-form... 继续阅读 >

2020
10-10

element-ui和vue表单(对话框)验证提示语(残留)清除操作

问题是这样的：如果一个页面有多个按钮打开相同的element-ui的Dialog对话框，那么如果第一个点击"顺序"按钮出现红色验证提示语后，再点击“取消”，或者点击页面空白处此对话框消失，而后再点击同一个“顺序”按钮亦或别的“顺序”按钮，那么此红色提示依然存在，显然是无法忍受的，那么怎么去除呢，这里也用到一个vue的一个语法watch，从字面意思上理解就是起到监控的作用，监控这个diaLog对话框的打开和关闭。在“代码一”... 继续阅读 >