Element-ui关于form表单的踩坑
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Element-ui关于form表单的踩坑相关的知识，希望对你有一定的参考价值。
参考技术A 使用 v-if条件渲染el-form-item组件，并需要切换不用表单项时，需要在el-form-item组件上添加唯一的key属性值，防止切换后，新的el-form-item组件仍然显示切换前的表单错误验证提示表单组件el-form封装后放在el-dialog组件内时，切换显示隐藏弹窗时，可以在封装的form组件上加上v-if并绑定el-dialog显示隐藏的布尔值，可以在el-dialog隐藏时同时销毁form组件，可以避免表单项及验证错误提示清除不完全的困扰（el-dialog组件的destroy-on-close属性有bug不起作用）。
初始化用v-model绑定在el-form上的表单数据时，最好放在created钩子函数里对表单数据复制，放在mounted里会触发change事件，从而会引起表单验证规则触发。
以上是关于Element-ui关于form表单的踩坑的主要内容，如果未能解决你的问题，请参考以下文章
Element-ui中 表单（Form）校验的几种形式 及 表单嵌套表格含上传（Upload）组件的