❤ElementUI 控制台报错 Error in beforeDestroy hook: “Error: [ElementForm]unpected width “

❤ 控制台**报错 Error in beforeDestroy hook: "Error: [ElementForm]unpected width "**

问题出在了 Form 表单中,不影响正常功能,
同样的问题也会出现在dialog中,使用了v-show以及label-width=“auto”

❤原因

为了解决特殊场景,在form表单中使用了v-show,同时label-width为auto。

v-show 并不会删除dom,只是控制了是否显示。

分析:获取el-form的宽度失败,因为auto的时候没有固定的宽度,getComputedStyle().width返回的应该就是auto,组件在添加和删除处理宽度就会把auto强制换为int时变为NaN,所以报错了。

❤ 解决方法:

1.label-width=“auto”,设定为固定值,但会影响deep的el样式;

2.v-show替换为v-if;