[Bug 报告] beforeDestroy 钩子中的错误:‘Error: [ElementForm]unpected width‘

问题描述:

使用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)(组件封装抽离不会产生此问题)

解决办法:

  1. el-form 标签的 label-width='固定宽度'
  2. 把 v-show 改成 v-if


版权声明:本文为hanijiang原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。