el-dialog应该用v-if还是v-show来控制隐藏和显示，两者各有什么区别呢
el-dialog应该用v-if还是v-show来控制隐藏和显示
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
雾里桃花 2022-08-08 10:19关注v-if是将当前的弹窗从页面中删除了，需要显示的时候在重新创建添加
v-show是将当前弹窗隐藏，需要展示的时候在显示
频繁的使用v-if会影响页面性能本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报 分享
- 2021-12-29 18:56Chinese femdom的博客 我在安装的依赖包中查看了dialog源码，Element的dialog使用的是v-show来控制显示与隐藏。 body已经使用了v-if。所以再给什么body里的textarea添加v-if来清缓存，是没有用的。组件中的结构类名与控制台中的一一对应...
- 2025-04-29 18:30chouge_*的博客 （1）对element-plus的el-dialog进行二次封装，实现自定义对话框宽高、定位、底部按钮，（2）新增功能包括拉伸、全屏，（3）对原本API也带入了封装，包括遮罩层、关闭图标、打开关闭事件回调、按钮事件等。...
- 2024-09-07 16:08大道不孤,众行致远的博客 必须加这个，否则用户点下对外话框外就关闭对话框，引起误解（是不是设计者觉得有用，默认值为true了，感觉是开发者思维和使用着思维不对等）3、 内部引用的组件，要用v-if等于:visible.sync对应的值，否则再次执行...
- 2024-12-16 20:44刘小欢001的博客 Vue2项目 el-dialog自定义命令实现拖拽
- 2022-11-28 13:37洛尧的博客 安装element后从node_modules里找到 node_modules\element-ui\packages\dialog\src\component.vue，复制，把三行引入改成下面这三行，就可以自定义弹窗内容了。
- 2024-09-04 11:44Ben_F的博客 实现点击el-dialog里面的一个图标将对话框放大至全屏，你可以使用 JavaScript 使el-dialog的样式覆盖整个窗口。为此，我们可以添加一个图标按钮，点击时将对话框设置为全屏显示，再次点击时恢复其原始大小。
- 2025-05-13 18:47小码龙~的博客 在 Vue 项目中，Element UI 的 `el-dialog` 是一个非常实用的对话框组件。但在实际开发中，我们经常会遇到需要重复设置对话框属性、处理相同逻辑的情况。通过二次封装，我们可以创建一个更灵活、更易用的对话框组件...
- 2022-05-10 16:34自律最差的编程狗的博客 实现了按钮打开显示Table列表弹窗，弹窗列表中实现对弹窗数据的新增，修改，删除，有bug请在评论区留言！！！ HTML文件中复制即用 <!DOCTYPE html> <html lang="en"> <head> <meta charset=...
- 2021-07-20 09:42拾-伍的博客 废话不说了，直接上干货！（亲测好用） ** 1，封装Dialog.vue文件 ** <template>...el-dialog :type="type" :width="width" :custom-class="customClass" :fullscreen="fullscreen" :tit
- 2024-08-15 18:18月伤59的博客 closeOnClickModal: 是否点击遮罩层关闭抽屉,appendToBody: 是否将对话框添加至body,modelValue: 对话框显示隐藏控制,showConfirm: 是否显示确认按钮,showCancel: 是否显示取消按钮,cancelText: 取消按钮的文本,...
- 2023-03-30 10:43♪和曲而歌♪的博客 可拖拽弹框 el-dialog 拖拽弹框
- 2025-05-14 16:03wwwlixun333的博客 组件使用el-dialog控制弹窗的显示与隐藏，并通过watch监听visible和src属性的变化，动态更新Iframe的显示状态和内容。此外，组件还处理了Iframe的加载事件和跨窗口通信，确保在组件卸载时关闭弹窗并清理资源。通过...
- 2023-08-15 21:38小.璐的博客 v-if 与 v-show 都是控制元素的显示与隐藏v-bind 与 v-model 都是用于绑定。
- 2021-02-03 15:23爱喝冬瓜汤的外星人的博客 先说解决方案：加上v-if每次都会销毁和重新创建 <el-dialog title="提示" :visible.sync="dialogVisible" v-if="dialogVisible" width="30%" :before-close="handleClose"> </el-dialog> 在项目中...
- 2023-03-07 10:38shengjon的博客 -- 弹窗中间body --> <el-scrollbar> <div class="dialog-body"> <svg-icon class="mb12" v-if="svg.name" :name="svg.name" :color="svg.color" :size="svg.size" /> <p class="cont fs16 mb3" v-if="cont" v-...
- 2022-11-03 11:20跪下，大胆刁民的博客 elementPlus el-dialog 自适应
- 没有解决我的问题, 去提问
问题事件
系统已结题
8月16日
已采纳回答
8月8日-
创建了问题
8月8日