vue创建监听事件和销毁监听事件-获取可视区域的高度

Posted 2021-09-28 web半晨

// created（创建后） 是 vue 生命周期函数
created() {
    // 开启监听
    // 不起作用的时候在后面加 true 即可
    window.addEventListener("resize", this.visibleAreaHeights, true);
},

// destroyed（销毁后）是 vue 生命周期函数
destroyed() {
	// 离开页面需要销毁监听，且需在 destroyed 里面销毁，
	// 否则监听会一直存在，因为是单页面应用，页面并未关闭。
	// 在销毁时一定要加上 true，否则销毁不起作用。
	window.removeEventListener("resize", this.setHeadPosition, true);
},

methods: {
	visibleAreaHeights() {
		console.log(window.innerHeight);
	}
}

---

addEventListener 的相关资料

DOM 事件对象