vue element 用el-tabs浏览器卡死的问题

GracieLaw

已于 2023-07-21 16:27:19 修改

阅读量680

点赞数

文章标签： vue.js javascript 前端

于 2023-07-21 16:26:26 首次发布

本文链接：https://blog.csdn.net/GracieLaw/article/details/131854759

版权

其他解决方案

遇到问题和上方链接类似

遇到这个问题 ,起因用 el-tab-pane 与 el-dialog 组合导致浏览器卡死。经过分析原因是 el-tab-pane 添加
内容会出现内部死循环，从而导致浏览器卡死。

改组件确实可用，但需求影响改组件太复杂，寻求其他解决方案的过程中思考
猜测tabs内部循环问题，能否先移除tabs再进行其他操作
尝试使用v-if先卸载tabs组件，发现可以，最终解决方案如下

<el-dialog  :visible.sync="showDiolog" .........
	<el-tabs v-if="showDiolog" .......
	</el-tabs>
</el-dialog>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

GracieLaw

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
vue element 用el-tabs浏览器卡死的问题

el-tab-pane 与 el-dialog 组合导致浏览器卡死的解决方案
复制链接

扫一扫

手动动态改变el-tabs标签页顺序

06-28

例如：tabs1、tabs2、tabs3、tabs4 tabs2改为tabs4（往后移）则顺序变为tabs1、tabs3、tabs4、tabs2； tabs4改为tabs2（往前移）则顺序变为tabs1、tabs4、tabs2、tabs3。

vue2.* element tabs tab-pane 动态加载组件操作

01-21

一、重要部分 ... <el v-for=(item) key=item.name label=item.title name=item.name > <component is=item.content></component> </el> 2、content: ‘Jbxx’ ，其中 jbxx 是模板 addTab (targetNam

1 条评论您还未登录，请先登录后发表或查看评论

dialog中嵌套el-tabs,点击关闭按钮时页面卡死的问题

2201_76094801的博客

01-10

1309

关闭dialog导致页面卡死问题

使用 Element-UI 的 el-tabs 组件，浏览器卡住了，你知道多少

2401_84094506的博客

04-05

815

点击这里即可免费获取，包括答案解析。点击这里即可免费获取，包括答案解析。[外链图片转存中…(img-WtoEBVaA-1712294529751)]

elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决

最新发布

2301_76866366的博客

06-24

344

elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决

已解决vue element 用el-tabs浏览器卡死的问题

疑问搜索动手解决记录

03-17

7221

文章最后有答案遇到这个问题 ,起因用 el-tab-pane 与 el-dialog 组合导致浏览器卡死。经过分析原因是 el-tab-pane 添加内容会出现内部死循环，从而导致浏览器卡死。困惑许久 , 查询良久 ,列出了几个网上大仙们给的答案 , 如下: 一 . 降低版本系列(已尝试 , 垃圾没有效果) 二 . 重装tabs插件,全局引入系列(已尝试 , 垃圾没有效果) 三 . 算了直接给你们放最搞笑的一个(虽然搞笑,但是是唯一一个成功的) 哈哈哈哈,没有看到这图上评论的时候 , 我和同

el-tabs标签页浏览器卡死；使用el-tab-pane浏览器卡死；element-ui使用el-tab-pane浏览器卡死，el-tab，el-tab-pane版本不兼容

i_am_a_div的博客

10-25

974

el-tabs标签页浏览器卡死；使用el-tab-pane浏览器卡死；element-ui使用el-tab-pane浏览器卡死，el-tab，el-tab-pane版本不兼容

jQuery 1，web前端自学

2301_79055083的博客

04-04

605

正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往免费获取正值金三银四招聘旺季，很多小伙伴都询问我有没有前端方面的面试题，特地整理出来赠送给大家！资料领取方式：点击这里前往免费获取资料领取方式：点击这里前往免费获取。

笔记el-dialog与el-tabs结合使用会导致页面卡死浏览器崩溃

qq_42157868的博客

05-04

461

修复方法手写弹窗组件或者tabs组件或者升级为新版框架。原因：版本问题的框架缺陷。

解决vue中el-tab-pane切换的问题

10-15

在Vue开发过程中，Element UI库提供了丰富的UI组件，其中`el-tabs`组件用于实现标签页切换功能。在本文中，我们将深入探讨如何解决Vue中`el-tab-pane`切换时遇到的问题，以及如何优化和管理组件的渲染。首先，问题...

在vue中使用el-tab-pane v-show/v-if无效的解决

10-15

在Vue.js中，`el-tab-pane` 是 Element UI 框架中的一个组件，用于创建选项卡式布局。然而，在实际开发过程中，开发者可能会遇到使用 `v-show` 或 `v-if` 控制 `el-tab-pane` 显示与隐藏时不起作用的问题。这通常是...

解决Vue对Element中的el-tab-pane添加@click事件无效

06-06

解决Vue对Element中的el-tab-pane添加@click事件无效

vue+element tabs选项卡分页效果

12-13

在本例中，我们将讨论如何使用 Vue 和 Element UI 来实现选项卡（tabs）结合分页的交互效果。首先，我们来看一下文件目录结构。在这个项目中，`/account` 是一个路由路径，它会加载 `home.vue` 作为布局页面，并且...

vue elementUI使用tabs与导航栏联动

01-21

不使用tabs标签页时，点击导航菜单，...el-menu class=sidebar-el-menu :default-active=onRoutes :collapse=collapse background-color=#eeefef text-color=#666 active-text-color=#20a0ff unique-opened router

vue 页面tabs切换,替换iframe

10-25

标题提到的“vue 页面tabs切换,替换iframe”，就是指用Vue的特性和组件来实现更加现代和灵活的Tab切换功能，避免使用iframe。下面将详细介绍如何使用`vue-router`的`router-view`和`keep-alive`来实现这一目标。 ...

element -UI升级，使用el-tabs导致浏览器卡死问题

code_carrierV1的博客

08-31

2783

elementUI版本升级踩坑

el-tabs导致博客‘卡死’

09-16

<template> <section> <div>  </div> <el-tabs v-model="activeName"> …… 在el...

vue3 element plus el-tabs怎么css选择el-tabs__item

05-17

在Vue3 Element Plus中，可以通过以下方式选择`el-tabs__item`的CSS： ```css /* 通过class选择器选择el-tabs__item */ .el-tabs__item { /* your css styles */ } /* 通过子选择器选择el-tabs__item */ .el-tabs...