data() {
return {
// 设置页面某元素需要设置的高度宽度变量
eleHeight: 0
eleWidth: 0
}
},
created() {
// 初始化获取元素的高度宽度
handleResize()
},
mounted() {
// 绑定事件,窗口resize时候触发函数handleResize,这句是核心
window.addEventListener('resize', this.handleResize);
},
methods: {
handleResize(){
// 根据窗口修改元素的大小
this.eleHeight = window.innerHeight * 0.6
this.eleWidth = window.innerWidth * 0.6
}
}
vue前端动态获取页面高度宽度
最新推荐文章于 2024-08-09 10:35:30 发布