欢迎光临
我们一直在努力

vue如何获取屏幕的宽度

在vue中获取屏幕宽度的方法有:便宜香港vps1.使用document.documentElement方法获取;2.在watch中实时监听;3.使用mounted函数获取;

具体方法如下:

1.使用document.documentElement方法获取屏幕的宽高

windowWidth: document.documentElement.clientWidth, //获取屏幕宽度

windowHeight: document.documentElement.clientHeight, //获取屏幕高度

2.在watch中实时监听屏幕宽高

watch: {

windowHeight (val) {

let that = this;

console.log("实时屏幕高度:",val, that.windowHeight );

},

windowWidth (val) {

let that = this;

console.log("实时屏幕宽度:",val, that.windowHeight );

}

},

3.使用mounted函数获取屏幕宽高

mounted() {

var that = this;

window.onresize = () => {

return (() => {

window.fullHeight = document.documentElement.clientHeight;

window.fullWidth = document.documentElement.clientWidth;

that.windowHeight = window.fullHeight; //获取屏幕高度

that.windowWidth = window.fullWidth; //获取屏幕宽度

})()

};

},

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。