mounted(){
this.screen=document.documentElement.clientWidth;
window.onresize = () => {
return (() => {
this.screen = document.documentElement.clientWidth
})()}
}
watch:{
screen: function (n, o) {
if (n <= 800) {
} else {
}
}}
vue监听屏幕宽
最新推荐文章于 2023-07-20 09:38:59 发布
该代码段描述了一个Vue组件的生命周期方法`mounted`，在此方法中，初始化屏幕宽度`screen`为文档的客户区域宽度。同时，设置了一个窗口resize事件监听器，当窗口尺寸改变时，更新`screen`的值。在`watch`对象中，监控`screen`的变化，如果宽度小于等于800像素，可能执行某种响应式布局操作；否则，可能执行其他布局逻辑。
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
