probeType设置为3但是没有触发那种惯性滚动动画的scroll事件?

来源:3-5 歌手列表固定标题实现(中)

qq_慕设计5065788

2021-05-01

搞了几个小时了,都不知道问题出在哪,崩溃ing

// vue区域
<template>
  <div class="wrapper" ref="rootScroll">
    <div class="content">
      <slot></slot>
    </div>
  </div>
</template>

<script>
import { ref } from 'vue'
import useScroll from './useScroll'

export default {
  name: 'Scroll',
  props: {
    click: {
      type: Boolean,
      default: true
    },
    probeType: {
      type: Number,
      default: 3
    }
  },
  emit: ['scroll'],
  setup(props, { emit }) {
    const rootScroll = ref(null)
    const scroll = useScroll(rootScroll, props, emit)

    return {
      rootScroll,
      scroll
    }
  }
}
</script>


// js区域
  onMounted(() => {
    // 实例化BS
    const scrollVal = (scroll.value = new BetterScroll(wrapper.value, {
      observeDOM: true,
      ...options
    }))

    // 监听滚动
    if (options.probeType > 0) {
      console.log(typeof options.probeType) // number
      console.log(options.probeType) // 3
      // 无法触发
      scrollVal.on('scroll', pos => {
        console.log(pos)
        emit('scroll', pos)
      })
      // 无法触发
      scrollVal.on('scrollEnd', pos => {
        console.log(pos)
        emit('scroll', pos)
      })
    }
  })
写回答

1回答

ustbhuangyi

2021-05-01

你把代码传到 GitHub 上,我抽空帮你看看

0
0

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程