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

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐