【Element-UI的隐藏组件】<el-scrollbar>自定义滚动条

Posted 2023-04-28

参考技术A 简单分享下该组件用法和参数

使用该组件的时候需要给其一个高度，它毕竟是滚动条组件，高度是对它最起码的尊重。组件默认overflow为：scroll，如果需要去掉横向滚动条可以设置overflow-x样式。

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事件，从而会引起表单验证规则触发。