work小记(一) element form 规则校验bug
- 同组件根据情况展示创建需要的form或者更新需要的form,为其添加对应的rules,当在页面先点编辑然后关闭,再切换到新增的时候,bug出现:新增页面会从第一个input开始展示为空校验红色框,数量为编辑form中规则的数量
<el-form v-if="status === 'create'" ref="createForm" label-width="110px" :model="formQuery" :rules="createRules"></el-form>
<el-form v-else ref="createForm" label-width="110px" :model="formQuery" :rules="createRules"></el-form>
解决方案: 将v-if改为v-show