报错： Error in beforeDestroy hook: “Error: [ElementForm]unpected width “

最新推荐文章于 2024-06-24 00:16:02 发布
最新推荐文章于 2024-06-24 00:16:02 发布
阅读量1.7k 收藏 10
点赞数 10
分类专栏： VUE 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51263829/article/details/135525273
版权

自定义表单的双侧拖拽，用了el-tabs，但是el-tabs原理是v-show,

beforeDestroy导致关闭页面出错,

解决办法：给el-tabs之中的内容加个v-if即可

原因：v-show 并不会删除dom，只是控制了是否显示。报错的分析：获取form的宽度失败，因为auto的时候没有固定的宽度，getComputedStyle().width返回的应该就是auto，组件在添加和删除处理宽度就会把auto强制换为int时变为NaN，所以报错了

风兮梧桐
关注
专栏目录
vue2 - elementUI报错Error in beforeDestroy hook: “Error: [ElementForm]unpected width详细解决（表单form组件、其他组件
高级前端工程师
07-23 2860
vue2，elementui，报错，Form表单，el-form，element中el-form-item设置label-width=‘auto‘报错，如何解决这个问题，设置固定宽度了还是报错，auto，出错，vue报错Error in beforeDestroy hook: "Error: [ElementForm]unpected width " | Error: [ElementForm]unpected width，未插入宽度，未嵌入宽度，vue2的ElementUI的form表单报错，只能用固定值
[ElementForm]unpected width &&unpected width
wo_ai_ni___的博客
01-07 6690
错误代码[ElementForm]unpected width &&unpected width 要么你在el-form-item中有style="display:none"，删除或注释即可， 另一种解决方式是把label-width:auto换成固定值
sublime下载安装使用篇（一）
林太白
03-16 3188
sublime下载安装使用篇（一）
[Vue warn]: Error in beforeDestroy hook: “Error: [ElementForm]unpected width “
XIYUXU的博客
02-01 9304
由于代码中使用了v-show以及el-form标签中使用了label-width="auto"，导致离开页面后产生报错 解决方法： 将label-width的auto改为实际宽度。
ElementUI的不常见报错Error in beforeDestroy hook: “Error: [ElementForm]unpected width
在下魔王ii的博客
11-15 7417
beforeDestroy 钩子中的错误：‘Error: [ElementForm]unpected width‘
Error in beforeDestroy hook: “Error: [ElementForm]unpected width
fgjfgjf9999的博客
08-26 1593
发现是label-width="auto"同时表单被隐藏的时候会报这个错误。把auto换成实际数值就可以解决。今天遇到vue报这个错误.
vue2的ElementUI的form表单报错“Error: [ElementForm]unpected width”修复
wzp20092009的博客
02-20 2287
ElementUI的form表单，当动态切换显示表单时报错 `Error: [ElementForm]unpected width`。
element 前端这个错误 是什么原因error in beforeDestroy hook error unpected width
04-26
这个错误通常发生在 Vue.js 的项目中，可能是因为在组件销毁之前，还有一些异步任务或者定时器没有清理干净，导致在销毁组件时出现了一些问题。建议检查组件中是否还存在未清理的异步任务或者定时器，也可以检查是否...
Vue v-model指令的学习
mqingo的博客
01-02 4420
v-model指令的学习.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-model指令的学习</title> <script type="text/javascript" src=&q
Vue 指令函数的简写形式
mqingo的博客
01-07 4810
  10指令函数的简写形式.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
Vue（前端面试题）
Arui_0的博客
06-16 459
前言 看看面试题，只是为了查漏补缺，看看自己那些方面还不懂。切记不要以为背了面试题，就万事大吉了，最好是理解背后的原理，这样面试的时候才能侃侃而谈。不然，稍微有水平的面试官一看就能看出，是否有真才实学还是刚好背中了这道面试题 对于MVVM的理解？ MVVM 是 Model-View-ViewModel 的缩写。 Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 View 代表UI 组件，它负责将数据模型转化成UI 展现出来。 ViewModel 监听模型数据的改变和控制视图行为、处
【报BUG】Error: [ElementForm] unpected width at a.getLabelWidthIndex
Zmaomao_的博客
10-09 374
个人简介：格蕾丝·赫柏（Grace Murray Hopper），1906年12月9日出生于美国纽约，计算机软件工程专家，耶鲁大学第一位女博士，杰出的计算机科学家，同时也是美国海军将军。经过了近一天的检查，格蕾丝找到了故障的原因：继电器中有一只死掉的蛾子。造成这个错误的原因是当组件中存在v-show时，并且el-form中labelWidth设为auto时，就会获取不到label的宽度。乍一看，以为是在destroy钩子里写的代码有问题，但是我的页面并没有写destroy方法。"debug"（除虫）
element [ElementForm]unpected width &&unpected width报错解决
qq_39969425的博客
06-20 6084
前端踩坑~ el-form界面有时会报前端错误 （[ElementForm]unpected width &&unpected width）， 之前遇到都没管，因为功能都正常！ 上午客户反馈了一个问题，页面table 10行数据只加载出来3行，前后端及返回值都正常，也不是缓存问题，最后试着解决这个报错之后恢复正常。 问题：form的label-width=“auto”， 原因（二中一即会触发）： ①组件中存在v-show时，并且el-form中labelWidth设为auto时，就会获取不到label的宽度
Vue文件报错vue.runtime.esm.js?2b0e:619和1888 Error: [ElementForm]unpected width两个错误
weixin_44679078的博客
04-29 1万+
今天在测试之前写的页面的时候，发现在切换页面的时候报了下面这两个错误。 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in beforeDestroy hook: "Error: [ElementForm]unpected width " 和 vue.runtime.esm.js?2b0e:1888 Error: [ElementForm]unpect...
Vue中的生命周期beforeDestory不触发问题
weixin_30716725的博客
02-05 1万+
经验： 给router-view加了个keep-alive导致组件缓存了，所以不会触发beforeDestory和destoryed 转载于:https://www.cnblogs.com/tian-long/p/8417465.html
为element-ui 打个补丁修复el-form的label width问题
最新发布
Ethan's Blog
06-24 521
打完补丁后都会产生/patches文件，pnpm 打完补丁还会再package.json下产生"pnpm": {
label-width=‘auto‘使用时遇到的坑
Meowao的博客
01-19 3608
反复测试发现：在表单嵌套时，弹出框中使用label-width=“auto”属性，在离开该页面时会报错：Error in beforeDestroy hook: "Error: [ElementForm]unpected width "；（虽然好像不影响使用 查阅到有前辈提出：使用v-show或者display：none会影响该属性并且出现这个错误；经过检查发现我的页面中并没有使用到v-show以及display：none； 为了解决问题；我暂且将会导致报错的地方都改成了固定的宽度； 在梳
Element form表单 表单域对齐
热门推荐
HH
09-02 2万+
在form表单组件中，我们可以通过 label-position 属性来改变表单域或标签的位置，可选的值有 top/left/right ，默认的是 right ，lable-position 必须要和 label-width（表单域标签的宽度，作为 Form 直接子元素的 form-item 会继承该值） 共同使用，才会生效。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值