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())

    }

}