❤【ElementUI】 Error in beforeDestroy hook: “Error: [ElementForm]unpected width “

这篇具有很好参考价值的文章主要介绍了❤【ElementUI】 Error in beforeDestroy hook: “Error: [ElementForm]unpected width “。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

❤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;文章来源地址https://www.toymoban.com/news/detail-731276.html

到了这里,关于❤【ElementUI】 Error in beforeDestroy hook: “Error: [ElementForm]unpected width “的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • opencv error: (-215:Assertion failed) size.width>0 && size.height>0 in function ‘cv::imshow‘

    问题:因为读入图片的宽和高至少有一个不大于0。可以说就是没有读入图片 原因分析:路径出错或没有图片 1.路径里面有中文 ,opencv-python不支持直接读取中文路径,把 图片路径改成英文或把图片换一个路径就行。 如果需要改成中文路径的话可以参考【opencv】实现中文路径

    2024年02月02日
    浏览(36)
  • Vue常见错误---Error in mounted hook

    Error in mounted hook 是 Vue.js 中常见的错误之一,通常发生在组件的 mounted 钩子函数 中。这个错误的原因可能是在 mounted 钩子函数中进行了一些异步操作,例如请求接口或者获取 DOM 元素的宽高等信息,导致组件还没有完全渲染出来,就已经开始执行了这些操作,从而引发错误。

    2024年02月06日
    浏览(29)
  • 解决OpenCV Error: Assertion failed (ssize.width > 0 && ssize.height > 0) in cv::resize, file C:\proj

    目录 解决OpenCV Error: Assertion failed (ssize.width 0 ssize.height 0) in cv::resize, file C:proj 1. 图像尺寸错误 2. 数据类型错误 3. 图像通道数错误 4. 其他可能的原因 解决方法 当我们在使用OpenCV进行图像处理时,有时候会遇到如下错误信息:OpenCV Error: Assertion failed (ssize.width 0 ssize.height 0) i

    2024年03月17日
    浏览(34)
  • Error in onLoad hook: “ReferenceError: plus is not defined“ found in

    项目背景如下所示: 使用 HBuilder X 开发 项目, 调整页面时,直接运行到 浏览器查看页面设置效果,导致控制台出现下述报错信息 例如: 遇到的问题如下所示: APP 中接收数据代码: 提示:这里填写问题的分析: 解决方法: 通过查看报错日志信息,我们可以看到: 未定义

    2024年02月14日
    浏览(26)
  • Error in onChooseAvatar hook: “TypeError: Cannot read property ‘apply‘ of undefined“

    unapp编译微信小程序后运行报错[Vue warn]: Error in onChooseAvatar hook: \\\"TypeError: Cannot read property \\\'apply\\\' of undefined\\\" 由于微信小程序官方调整了用户昵称获取方法,这里特别吐槽下微信官方就微信昵称头像接口方法差不多每年都得改一次,无力吐槽每次给的最佳实践每年都在被推翻,毕

    2024年02月09日
    浏览(43)
  • Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found

    Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found 无法读取未定义的属性‘isHiddenDay’. 在vue中使用fullcalendar在mounted钩子中渲染报错 我在一个小demo中实现还是好好的,并且用的依赖都是6.x版本的,但是当我合并到正式项目中时确一直无法渲染出来。并

    2024年02月04日
    浏览(25)
  • backend.js:748 An error occurred in hook ‘getInspectorState‘ registered by plugin ‘org.vuejs.vue2-in

    问题 vue项目控制台操报错 backend.js:748 An error occurred in hook \\\'getInspectorState\\\' registered by plugin \\\'org.vuejs.vue2-internal\\\' with payload: 出现这个问题是你的Vue.js devtools版本搞错了 解决 重新下载插件 旧版本下载 确保禁用任何其他版本的 Vue 开发工具。一次只能启用一个版本。

    2024年02月16日
    浏览(32)
  • uniapp开发微信小程序Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“

    这个报错之前一直没出现,今天运行代码测试搜索功能时出现的问题,推测是项目之前存储的本地缓存数据被清除,然后初始化读取不到导致的,查阅资料后发现其实是由于JSON.parse无法识别某些特殊字符比如等特殊符号造成的 资料原文地址uniapp 开发微信小程序出现这个 Er

    2024年02月09日
    浏览(34)
  • [Vue warn]: Error in created hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“

    vue实现 兄弟进程 间的通信。 我想实现VUE中兄弟组件的通信,除了VueX之外,还可以使用eventBus,这几个教程把eventbus讲的很详细。 (34条消息) Vue 兄弟组件之间的通信_coffee豆丿的博客-CSDN博客_兄弟组件 大部分教程都是这样,我看了一个小时的教程。但是,我按照他们的代码去

    2023年04月09日
    浏览(36)
  • uniapp 开发微信小程序出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“

    原因:由于JSON.parse无法识别某些url中的特殊字符比如等特殊符号造成的。 解决办法: 页面A(JSON.stringify传参) 页面B(JSON.parse接受参数) 接收页面

    2024年02月12日
    浏览(39)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包