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

Question

老师，我这边的问题是probeType配置了值为3，但是好像并没有触发那种滚动动画（此时鼠标不在滚动区域）时的scroll事件， 只有鼠标拖动才会连续触发scroll事件。
index-list.vue

<scroll
  class="index-list"
  ref="scrollRef"
  probe-type="3"
  @scroll="onScroll"
>

scroll.vue

<template>
  <div ref="rootRef">
    <slot></slot>
  </div>
</template>

<script>
import { ref } from 'vue'
import useScroll from './use-scroll'
export default {
  name: 'scroll',
  props: {
    click: {
      type: Boolean,
      default: true
    },
    probeType: {
      type: Number,
      default: 0
    }
  },
  emits: ['scroll'],
  setup(props, { emit }) {
    const rootRef = ref(null)
    const { scroll } = useScroll(rootRef, props, emit)

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

use-scroll.js

onMounted(() => {
  const scrollVal = scroll.value = new BScroll(wrapperRef.value, {
    observeDOM: true,
    ...options
  })

  if (options.probeType > 0) {
    scrollVal.on('scroll', (pos) => {
      emit('scroll', pos)
    })
  }
})

Answer 1

ustbhuangyi 2021-04-11 00:53:20

:probe-type="3"

要加冒号吧

• 提问者 qq_半个西瓜_2 #1

  谢谢老师，的确是这个问题

Answer 2

提问者 qq_半个西瓜_2 2021-04-10 21:58:54

目前的状态和设置了probeType为2的逻辑很像，但是我的确是设置成3了，不知道为啥，哪位大神能给解答一下吗？感谢！

• 匆匆又夏天丶 #1

  设置成3后，鼠标滑动一下屏幕，惯性滚动的过程中是会依然触发scroll的回调的

• 提问者 qq_半个西瓜_2 回复 匆匆又夏天丶 #2

  感谢解答，是这样的，我的问题就是设置3没有触发回调，是我自己传参的问题，已经解决啦！