- 初始获取浏览器宽高
data() {
return {
screenWidth: window.innerWidth,
screenHeight: window.innerHeight,
};
},
- window.addEventListener 监听浏览器宽高变化
mounted() {
window.addEventListener("resize", () => {
this.screenWidth = window.innerWidth;
this.screenHeight = window.innerHeight;
});
},
- 全部代码
data() {
return {
screenWidth: window.innerWidth,
screenHeight: window.innerHeight,
};
},
mounted() {
window.addEventListener("resize", () => {
this.screenWidth = window.innerWidth;
this.screenHeight = window.innerHeight;
});
},