element-ui 表单提示

bug复现

• 用 element-ui 写了一个表单

• 点击新增按钮，弹出表单

• 提交表单时，有表单校验，以及对应的提示

• 点击取消或关闭按钮，表单关闭

• 再次点击新增按钮时，弹框正常显示，但是上一次的表单校验提示也显示出来了

bug原因

• 在表单关闭时，没有移除校验结果

bug解决

• el-form 绑定 ref

• 每个 el-form-item 绑定 prop

• 表单关闭时，调用 this.$refs.form.resetFields()

总结

• 之所以写这个小东西，是因为每个项目都逃不掉这个bug

• 总是忘记，那就写一个提醒自己吧