解决el-form一进页面就会触发表单校验问题

vue单页面 el-from一打开就校验

解决打开弹窗时el-form组件自动触发表单验证

1、 在<el-form>标签中添加 ref="formRef" 、:rules="data.rules"，两个属性。2、在<el-form-item >中添加 prop="对应的名称"属性。并且在rules中绑定，规定规则。（data在js中已经使用reactive初始化定义为变量）3、再在对应的提交函数中添加以下代码。

可以在请求查询接口完毕之后，清除整个表单的校验。

写在前面的话 在项目中，经常需要一些校验字段名是否存在的表单验证，比如设置密码时要进行特殊字符校验等 问题描述 最近遇到一个奇怪的问题，在打开修改模态框未做任何修改时，就自动触发了一次校验，提示用户名已存在或者刚打开新增模态框未进行任何操作，就自动进行了校验，提示各个字段不能为空。然后jb测试就给提了一个单 解决方法 我找啊找 找啊找 认真看饿了么文档，发现el-form有一个属性 我就在代码上加上 <el-form :model="resetForm" ref="resetForm" :ru

form表单 自动校验

网上查阅的资料说加上:validate-on-rule-change=“false”就行，但我这边还是不能解决问题。在el-form里加一个key，每次初始化key++新开的一个单页面，一进入就会有几个校验标红。

场景： 新增页面使用el-select multiple 下拉多选控件，并设置了非空校验，打开页面时，下拉多选控件会自动触发表单非空校验，如下图所示： 预期效果是：打开页面，职能属性和其他属性一样，不会自动触发表单非空校验，而是在操作当前属性时触发。 经过查询和测试，目前找到两种方法，但总体都是思路都是一致，设置初始值为空数组即可 解决方法： 第一种： 页面初始化时，设置当前属性(职能属性)初始值为空数组，例如：[] export d...

多选的下拉

el-form表单空格校验，提交校验校验空格#实现的效果图template里面的代码 export default { name: ‘User’, data() { return { dialogVisibleAdd: false, form: { name: ‘’, sex: ‘’, age: ‘’, addr: ‘’, birthDate: ‘’ }, tableData: [{ name: ‘张三’, age: 15, sex: ‘男’, birthDate: ‘2022-02-08’, addr:

表单校验是注册环节中必不可少的操作，表单校验通过一定的规则来确保用户提交数据的有效性，能够防止用户因为操作有误、填写错误数据或者恶意提交数据而占用服务器资源。

解决el-form打开弹框时就进行表单验证问题

注： _self.form对象为上述第一种方法中的form对象。2.使用钩子函数，在创建页面时，重置对应属性的值。1.页面初始化时，设置当前属性初始值为空数组。

其实这个原因具体的也不知道因为什么，但确实将multiple属性去掉后，一进页面触发校验的Bug就没有了，如果知道具体的原因的网友们也可以评论告诉我一下，但找到了解决办法。 具体的解决办法如下： ...