vue3监听窗口变化来进行页面操作

当需要监听窗口的宽度变化来对页面进行dom隐藏或修改时,操作如下

onMounted(()=>{
//监听窗口变化
window.onresize=()=>{
return(()=>{
window.screenWidth=document.body.clientWidth;
viewWidth.value=window.screenWidth;
})();
};
});

//视口宽度
const vieWith=ref(document.documentElement.clientWidth||document.body.clientWidth);

视口宽度就可以获取到了,直接用vieWith的值就可以来判断dom的隐藏或修改啦

你可能感兴趣的:(javascript,前端,开发语言)