vue怎么获取当前设备的宽高
时间: 2024-03-12 14:47:10 浏览: 80
Vue动态获取width的方法
在Vue中,可以使用computed计算属性结合window对象的innerWidth和innerHeight属性,来获取当前设备的宽高。示例代码如下:
```
<template>
<div>
<p>当前设备宽度:{{ width }}</p>
<p>当前设备高度:{{ height }}</p>
</div>
</template>
<script>
export default {
computed: {
width() {
return window.innerWidth;
},
height() {
return window.innerHeight;
}
}
};
</script>
```
在上面的代码中,我们利用computed计算属性获取当前设备的宽高,然后在模板中渲染出来。当浏览器窗口大小改变时,它们也会自动更新。
阅读全文