vue如何注册一个全局滚动事件，判断滚动条滚动到底部后执行事件？

Question

vue如何注册一个全局滚动事件，判断滚动条滚动到底部后执行事件？

Answer 1

自定义指令了解一下可以自定义一个滚动指令，在该指令方法下做滚动判断处理，页面上只需要v-自定义指令名称="方法"

Answer 2

一个全局组件创建的时候创建监听    created() {        window.addEventListener('scroll', this.doSomething);    },    destroyed() {        window.removeEventListener('scroll', this.doSomething);    }

Answer 3

可以在 root vue 中监听一下滚动事件，然后提供接口给其他组件添加监听：// 在 APP.vue 中添加监听，并且在 vue 上挂载添加监听和去除监听的方法const onScrollListeners = []// 在其他组件中直接使用 this.$addOnScrollListener 增加监听, $removeOnScrollListener去除监听Vue.prototype.$addOnScrollListener = listener=> onScrollListeners.push(listener) Vue.prototype.$removeOnScrollListener =  listener=> onScrollListeners.splice(onScrollListeners.indexOf(listener)window.onscroll = ()=> {    if(xxxx){ // 判断是否达到你要的条件        onScrollListeners.forEach(listener=>listener())    }}