求一个移动端的横向拖动分页组件

Question

求一个移动端的横向分页组件，要拖拽分页的那种，最好支持vue
我之前用的是better-scroll,它也支持横向拖动，但好像并没有想垂直状态下的pullingUp这样的事件，所以我并不能完美监听list移动到最后。
然后我就想监听scroll，但监听不到这个事件，是我写错了还是插件更新了？
故最后用了scrollEnd,但这个事件的问题在于只在滚动停止后触发，所以还没停止时，再次滚动的话会造成新获取的数据即使渲染好了，放入dom了，最后也调用了refresh方法，better-scroll组件也感知不到, 结果就是新获取的数据始终在屏幕外，求老司机带路

        this.scroll = new BScroll(this.$refs.wrapper, {
          click: true,
          scrollX: true
        })
        const maxScrollX = this.scroll.maxScrollX
        this.scroll.on('scrollEnd', (pos) => {
          if (pos.x < maxScrollX + 50 && this.brandList.length < this.total){
            console.log(this.$refs.list, 'list ref')
            this.$emit('loadMore', 'brand')
            this.scroll.refresh()
          }
        })

Answer 1

swiper