better-scroll中嵌套原生滚动组件,原生滚动组件失效问
2020-06-30 本文已影响0人
Pumpkincc
hips-scroll(better-scroll)内部嵌套原生横向滚动组件,横向滚动组件失效问题
问题描述: 滑动外部竖向组件区域(better-scroll),滑动正常,但是当滑动横向组件时,滚动条还是外部竖向滚动区域,点选不到内部原生横向滚动组件区域;
解决办法: 在内部原生横向滚动组件加上阻止冒泡事件,以防滑动事件冒泡到外部竖向滑动事件.
mounted(){
this.$refs.scroll.addEventListener('touchstart', (e) => {
e.stopPropagation();
});
}