html部分如下
<div ref="enterBox"></div>
js部分代码如下:
created() {
// 获取可视区域的宽度和高度
this.getEnterBoxStyle()
},
methods: {
getEnterBoxStyle() {
// 页面渲染完成后的回调
this.$nextTick(() => {
const viewsWidth = window.getComputedStyle(this.$refs.enterBox).width
const viewsHeight = window.getComputedStyle(this.$refs.enterBox).height
console.log('宽度', viewsWidth)
console.log('高度', viewsHeight)
})
}
}
结果如图所示: