element-ui dialog组件根据屏幕自定义宽度

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

你可能感兴趣的:(手记)