el-dialog打开慢，大约1-2秒。排查后原因竟然是...

最新推荐文章于 2024-08-06 17:53:03 发布
最新推荐文章于 2024-08-06 17:53:03 发布
阅读量895 收藏
点赞数
文章标签： javascript vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w460457882/article/details/134050142
版权

废话不多说，dialog内是一个新增的表单，里面使用了el-popover组件，实现了一个复杂下拉选择。导致缓慢，删除el-popover组件，就正常秒开了。

胡椒粉先生
关注
element-ui的Dialog 对话框打开加载速度慢
weixin_51908375的博客
05-29 1807
解决Dialog 对话框加载慢的一个可能方案
elementUI中dialog踩坑(首次渲染问题)
热门推荐
smouns_的博客
11-24 1万+
elementUI中dialog踩坑(首次渲染问题)
element-plus使用弹窗里面有个el-tree大量数据会导致dom渲染缓慢问题。第一次打开弹窗很慢半天才打开
最新发布
肖肖肖丽珠的博客
08-06 477
开始想到要用懒加载，点击一个层级展开一个。但是这样效果不太好。我使用这个主要是希望每个层级都可以选择，而不是只能选子节点。这个是我本地的一个josn文件也不是很大131k。但是打开这个弹窗的时候，第一次打开会超级的慢。感觉是弹窗里面的内容加载，在加载完之后才会显示弹窗，所以弹窗第一次打开的时候就非常的慢。最后就改了:render-after-expand="花了好久最后才发现原来改一个参数就可以了。"这个false改成true就好了。
element ui dialog 弹出框 加载严重卡顿 弹出 大概需要两三秒 表格卡顿严重
qq_45385505的博客
08-16 3886
elm ui dialog 弹出框 加载严重卡顿 弹出 大概需要两三秒 表格卡顿严重
笔记el-dialog与el-tabs结合使用会导致页面卡死浏览器崩溃
qq_42157868的博客
05-04 488
修复方法 手写弹窗组件或者tabs组件 或者升级为新版框架。原因：版本问题的框架缺陷。
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
2301_76866366的博客
06-24 583
elementui的el-dialog组件与el-tabs同时用导致浏览器卡死的原因解决
el-dialog数据延迟变化解决
Lalo的博客
03-29 1634
原代码如下： <el-dialog :title="descPro.projectType.project_type_content" :visible.sync="proDetailDialogVisible" width="50%" > </el-dialog> descPro: { projectType: {}, } proDetailDialogVisible: false, //通过点击事件来触发对话框 proDetail(project_id) { thi.
【问题解决】-ElmentUI中dialog弹出窗关闭卡死崩溃问题解决
gjb760662328的博客
05-09 1933
elementui-弹窗关闭卡死
el-dialog 组件无法使用
07-27
`el-dialog`组件在Element UI中是正常可用的，但如果你遇到无法使用的现象，可能是以下几个原因： 1. **缺少依赖**：确保已正确安装并引入了Element UI库，特别是dialog组件相关的模块。检查项目配置文件（如...
el-dialog关闭不生效
07-11
1. **组件状态管理**：确认 `el-dialog` 的 `visible` 或者 `show` 属性是否能在关闭事件触发后正确地设置为 `false`。如果这个属性没有更新，点击关闭按钮就不会起作用。 ```javascript <el-dialog v-model=...
el-dialog class="appdialog"不生效，控制台显示类依旧为el-dialog
09-20
对于el-dialog class="appdialog"不生效的问题，可能有以下几个原因导致： 1. 优先级问题：检查是否有其他CSS样式或JavaScript代码修改了该类的样式或属性。可以通过在浏览器开发者工具中查看元素的样式以确定是否...
el-dialog close不生效
04-28
el-dialog是element-ui库中提供的对话框组件，close代表关闭操作。如果el-dialog的close不生效，...总之，关闭对话框是el-dialog组件的一个基础功能，如果出现不生效的情况，可以依据以上三种可能性一一排查并解决。
el-dialog宽度设置无效
07-20
然而，有时可能会遇到设置后的宽度并未生效的情况，这可能是由以下几个原因导致的： 1. **CSS覆盖**：确认是否有其他样式表或者组件的 CSS 冲突，比如全局样式、其他嵌套的样式块或者动态应用的 CSS 动态设置了宽度...
element-ui 解决el-dialog跟loading的冲突
woshishui099的博客
03-24 7753
添加 :modal-append-to-body="false"属性就OK
el-dialog关闭卡顿的问题
九日的博客
08-26 2425
el-dialog关闭前卡顿几秒怎么办？
el-table中每行嵌套的el-dialog
weixin_43792451的博客
06-23 806
欸，感觉这个问题还挺基础的。而一开始未能及时排查出重复渲染问题的原因是，虽然重复渲染了多次dialog，但每个dialog所绑定的开启事件和关闭事件是完全相同的，打开和关闭dialog过程中除了加载略卡，其他并无异样。项目中dialog需要渲染的是每种原油的70多种属性的数据，el-table负责对多种原油的属性数据进行渲染，在点击详情后弹出dialog展示对应油种的属性数据。可以看到，el-table底层的逻辑是将待渲染的列表遍历一遍，同时column内的template中所有的元素会被遍历渲染。
dialog弹窗关不掉 vue_【Vue】vue使用elementUI的dialog弹窗，出现延时问题？
weixin_28685483的博客
03-03 2177
问题描述我利用elementui的dialog弹窗，包含,点击不同的数据，弹窗显示不同的组件，当组件的数据显示较多时，在弹窗会出现延时，请问大佬，这个怎么解决？问题出现的环境背景及自己尝试过哪些方法尝试先弹窗，$nextTick里加载路由，也会出现延时，可能是原组件中数据较多，导致显示变慢。相关代码// 请把代码文本粘贴到下方(请勿用图片代替代码)openWindow(url,data,title...
Vue2 项目里，使用 Element 的 dialog 里嵌套 tabs，同时使用destroy-on-close，导致关闭 dialog 时浏览器卡死问题
weixin_47541876的博客
06-07 1395
Vue2 项目里，使用 Element 的 dialog 里嵌套 tabs，同时使用destroy-on-close，导致关闭 dialog 时浏览器卡死问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值