问题描述:
使用elementUI编写页面,切换组件时控制台报错。[Bug 报告] beforeDestroy 钩子中的错误:'Error: [ElementForm]unpected width'

原因分析:
在销毁之前获取el-form表单的宽度失败,因为label-width='auto',form是display: none时,getComputedStyle().width返回auto,组件被添加删除处理宽度的时候将auto强制转换成了int 产生了NaN的值,所以报错。
产生原因:
el-form 标签的 label-width='auto',并且el-form处于隐藏状态(v-show=false)(组件封装抽离不会产生此问题)

解决办法:
- el-form 标签的 label-width='固定宽度'
- 把 v-show 改成 v-if
版权声明:本文为hanijiang原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。