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

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

qq_半个西瓜_2

2021-04-10

老师,我这边的问题是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)
    })
  }
})
写回答

2回答

ustbhuangyi

2021-04-11

:probe-type="3"

要加冒号吧

3
1
qq_半个西瓜_2
谢谢老师,的确是这个问题
2021-04-11
共1条回复

qq_半个西瓜_2

提问者

2021-04-10

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

0
2
qq_半个西瓜_2
回复
匆匆又夏天丶
感谢解答,是这样的,我的问题就是设置3没有触发回调,是我自己传参的问题,已经解决啦!
2021-04-11
共2条回复

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

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

2223 学习 · 1002 问题

查看课程