Vue3.x 中使用window的scroll监听页面滚动(非setup写法)
window.addEventListener,window.removeEventListener第3参数需为truemounted() {console.log('mounted')window.addEventListener('scroll', this.onScrollFunc, true)},beforeUnmount() {console.log('beforeUnmount')wi
·
注:
1. window.addEventListener,window.removeEventListener第3参数需为true,否则不生效。
2. 组件销毁需移出监听removeEventListener,否则影响全局。
mounted() {
console.log('mounted')
window.addEventListener('scroll', this.onScrollFunc, true)
},
beforeUnmount() {
console.log('beforeUnmount')
window.removeEventListener('scroll', this.onScrollFunc, true);
},
unmounted() {
console.log('unmount')
window.removeEventListener('scroll', this.onScrollFunc, true);
},
methods: {
onScrollFunc() {
// 执行函数
}
}
更多推荐
已为社区贡献9条内容
所有评论(0)