网站数据库模版,erp系统一套大概多少钱,免费标志在线设计生成,重庆的网站建设公司1. 问题
ElementUI的form表单#xff0c;当动态切换显示表单时报错 Error: [ElementForm]unpected width。 翻译过来就是form表单的label宽度width出了问题。
2. 分析
参数说明类型可选值默认值label-width表单域标签的宽度#xff0c;例如 ‘50px’。作为 Form 直接子元…1. 问题
ElementUI的form表单当动态切换显示表单时报错 Error: [ElementForm]unpected width。 翻译过来就是form表单的label宽度width出了问题。
2. 分析
参数说明类型可选值默认值label-width表单域标签的宽度例如 ‘50px’。作为 Form 直接子元素的 form-item 会继承该值。支持 auto。string——
查看这里可以查阅ElementUI的form完整的属性配置。
其实给form表单配置的labelWidth属性会被子组件form-item继承使用设置的labelWidth值为auto, 此时的操作是销毁某个formItembeforeDestroy在调用getLabelWidthIndex时报错。
3. 解决方案
通常这类操作两种方案
1.修改labelWidth
将labelWidth设为固定宽度以便子组件继承使用。
2.关注组件和子组件生命周期
很多开发同行建议v-show改为v-if或者不要在样式里对formItem直接使用display:none;。 点击这里可以查看v-show和v-if区别。
4. 我的处理
form表单inline属性为true行内默认设置空字符串false非行内我就设置固定宽度同时不直接使用v-show和样式display:none;来渲染formItem然后就解决该问题不再报错。
当然我不喜欢手动一个个写formItem能v-for写下来绝对不一个个手打配置才是摸鱼省事的最好方法。
