vue时，会用到el-dialog做为弹窗，但这个弹窗的宽度默认为50%.因项目中需要根据电脑屏幕的不同，来设置弹窗的不同的宽度，高度自定义，经查找资料，总结如下：
在y在这里插入图片描述
第一步：组件上自定义宽度
第二步：拿到屏幕的宽度：
在这里插入图片描述
最后一步：随时监听屏幕宽度的变化，弹窗的宽度随之变动
在这里插入图片描述

GitHub 加速计划 / eleme / element
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支：4 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo
AtomGit开源社区

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念，把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起，为开发者提供从开发、训练到部署的一站式体验。

更多推荐

cover

Rust 命令行密码管理器工具开发

avatar AtomGit开源社区
cover

AI 浪潮终章奏凯！GitCode & 文心大模型 & 智源研究院 AI 应用开发大赛圆满落幕

avatar AtomGit开源社区
cover

AI 重塑开源协作：AtomGit 开源实践交流分论坛在京顺利举行

avatar AtomGit开源社区