解决el-dialog里嵌入el-tabs卡死的问题

已于 2024-05-30 17:46:18 修改
阅读量733 收藏 5
点赞数 9
分类专栏： # element-ui 常用示例专栏 文章标签： vue.js javascript 前端 el-dialog el-tabs 卡死
于 2024-05-30 17:45:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36410795/article/details/139330121
版权

文章目录

1. 解决 el-dialog 里嵌入 el-tabs 卡死的问题

  1. 今天发现在element ui里面使用 el-dialog 会导致页面卡死，本来我心想这么简单的一个弹窗，怎么会卡死
  2. 解决思路：以为是项目的问题，因为这个页面还是比较多其他业务，以为是数据导致的，检查控制台并没有数据报错；尝试了重启浏览器，重启项目，但是还是会必现这个问题
  3. 于是开始google，问题就是弹窗里面嵌入了 el-tabs 导致的，我看了下代码，确实用到了el-tabs，最后发现是在el-dialog 上加了 :destroy-on-close="true" 属性导致的，把改属性去除掉就可以了

在这里插入图片描述

在这里插入图片描述

Q_Q 忙里偷闲
关注
专栏目录
使用 Element-UI 的 el-tabs 组件，浏览器卡住了
2401_84092508的博客
04-09 955
由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！点击【学习资料】即可领取！点里面都有更细化的内容！点击【学习资料】即可领取！[外链图片转存中…(img-XZewDvie-1712594238317)][外链图片转存中…(img-Mfhr9dVa-1712594238318)]
使用 Element 的 dialog 里嵌套tabs
weixin_68931039的博客
11-11 1143
首先需求的UI设计如下，作为后端开发写前端看到这样的需求，迷之又迷，可是没办法啊，硬着头皮看啊看。标签如何正确的对应标签内容，这里我用的是v-if=“”item.name“”表单结构是这个样子，数组又数组，嵌套又嵌套。
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
最新发布
2301_76866366的博客
06-24 598
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
el-dialog与el-tabs一起用卡死问题
四木的博客
06-12 399
el-dialog与el-tabs一起使用导致浏览器卡死问题解决
jQuery 1，web前端自学
2301_79055083的博客
04-04 633
正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往免费获取正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往免费获取资料领取方式：点击这里前往免费获取。
class="dialog-tabs el-tabs el-tabs--left"
08-30
- *1* [解决 el-dialog 里嵌入 el-tabs 卡死的问题](https://blog.csdn.net/weixin_48549175/article/details/122350100)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...
el-dialog el-tab
09-02
- *1* *2* *3* [使用element-ui + vue 时，dialog中嵌入tabs，再次关闭dialog会导致浏览器卡死的解决方案](https://blog.csdn.net/weixin_38469425/article/details/115736933)[target="_blank" data-report-click={...
【element ui】问题集锦
Beam
03-29 2127
现象： 在el-dialog弹出框中使用到el-table列表时，右侧操作栏设置了fixed=“right”，第一次打开弹框正常，关闭后再次打开，发现操作栏全都往下移动了一行，导致表格行错位。 解决： 官方文档有提供方法doLayout，但没明确什么情况下使用，或许此时就能用。 监听data变化后，需要重新渲染el-table时，调用doLayout该方法即可。 代码： watch: { '$attrs.data': { handler (val) { this.$refs.com
前后端分离——element ui问题记录
Beam
10-30 3659
一、菜单路由跳转 要实现路由跳转，先要在el-menu标签上添加router属性。 然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。 当然也可以在每个el-menu-item标签内的router属性设置一下url即可实现点击跳转切优先级较index高。 二、是否只保持一个子菜单的展开配置时报错 配置：<el-...
使用element-ui + vue 时，dialog中嵌入tabs，再次关闭dialog会导致浏览器卡死的解决方案
weixin_38469425的博客
04-15 2968
<template> <!--对话框-创建项目--> <el-dialog title="" :visible.sync="dialogVisible" :modal="false" :close-on-click-modal="false" :show-close="false" top="0" :destroy-on-close="true" custom-class="robot-...
el-tabs标签页浏览器卡死；使用el-tab-pane浏览器卡死；element-ui使用el-tab-pane浏览器卡死，el-tab，el-tab-pane版本不兼容
i_am_a_div的博客
10-25 1046
el-tabs标签页浏览器卡死；使用el-tab-pane浏览器卡死；element-ui使用el-tab-pane浏览器卡死，el-tab，el-tab-pane版本不兼容
已解决vue element 用el-tabs浏览器卡死的问题
疑问 搜索 动手 解决 记录
03-17 7543
文章最后有答案 遇到这个问题 ,起因用 el-tab-pane 与 el-dialog 组合导致浏览器卡死。 经过分析原因是 el-tab-pane 添加 内容 会出现内部死循环，从而导致浏览器卡死。 困惑许久 , 查询良久 ,列出了几个网上大仙们给的答案 , 如下: 一 . 降低版本系列(已尝试 , 垃圾没有效果) 二 . 重装tabs插件,全局引入系列(已尝试 , 垃圾没有效果) 三 . 算了直接给你们放最搞笑的一个(虽然搞笑,但是是唯一一个成功的) 哈哈哈哈,没有看到这图上评论的时候 , 我和同
el-tabs：el-dialog中包含el-tabs时关闭时浏览器卡死问题、在el-tabs处切换按钮所在行添加其他的内容
DcTbnk的博客
06-28 763
el-tabs相关问题1.el-dialog中包含el-tabs时关闭时浏览器卡死问题2.在el-tabs处切换按钮所在行添加其他的内容 1.el-dialog中包含el-tabs时关闭时浏览器卡死问题 el-dialog中包含el-tabs时关闭时浏览器卡死问题 在el-dialog怎么使用destroy-on-close 2.在el-tabs处切换按钮所在行添加其他的内容 在el-tabs处切换按钮同行添加其他的内容 ...
Vue2 项目里，使用 Element 的 dialog 里嵌套 tabs，同时使用destroy-on-close，导致关闭 dialog 时浏览器卡死问题
weixin_47541876的博客
06-07 1403
Vue2 项目里，使用 Element 的 dialog 里嵌套 tabs，同时使用destroy-on-close，导致关闭 dialog 时浏览器卡死问题
element-ui el-tabs 页面卡死问题
潇兮水寒的博客
07-25 1651
直接贴源码： <el-card> <el-alert title="标题" :closable="false" show-icon type="warning"> </el-alert> <el-row class="my_row"> <el-col> <!-- 注意这里 a--> </el-col>
element-ui使用el-tabs组件的时候浏览器直接卡死的问题
weixin_34185560的博客
06-28 2306
遇到这个问题的原由是：本身自己项目的elementUI版本是2.0.11较低了，项目有个功能是自定义progress进度条颜色，无奈高版本的才有这个配置，所以就升级了elementUI，升级到了最高版本2.10.0。这样就出现问题项目中有的页面打不开并且造成浏览器窗口崩溃，于是就在卡顿的页面把代码全部清空，然后一点点复原找问题，才找到问题出现在el-tabs身上，但是不知道怎么改掉，于是就上网查资...
使用el-dialog关闭时浏览器卡死问题（dialog里面是el-tabs）
weixin_44105087的博客
05-10 2447
el-dialog二次封装了 变成了全局组件 在使用包裹el-tabs时 关闭dialog 就会突然卡死 我还以为是电脑问题 经过多次测试发现 将destroy-on-close设置为false（关闭时不销毁dialog里面的元素）问题得以解决 网上搜了很多 都不对 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Q_Q 忙里偷闲

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值