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 上,我抽空帮你看看
00
相似问题