场景:编辑弹框省份字段下拉框必填,触发方式change,有值第一次打开不会触发校验提示,关闭弹框再次打开触发必填校验提示,但是该字段有值
问题的原因是:在关闭弹层事件中,我做了resetfileds,resetfileds置空form表单,其实本质上也是一种改变select的操作,故而触发了select的change事件,在第二次打开新增弹层时,select的值为“ ”,所以才会触发表单校验规则。
因此,我在el-dialog上面加了销毁属性,当dialog关闭后,整个组件就被销毁,打开新增弹层时已经是一个新dom,就不会出现bug了。
解决方案: :destory-on-close="true"
<el-dialogv-model="dialogVisible"width="800px":title="dialogTitle"append-to-bodycustom-class="editquick":destory-on-close="true"@close="closeModal">
</el-dialog>