better-scroll中嵌套原生滚动组件,原生滚动组件失效问题

hips-scroll(better-scroll)内部嵌套原生横向滚动组件,横向滚动组件失效问题

问题描述: 滑动外部竖向组件区域(better-scroll),滑动正常,但是当滑动横向组件时,滚动条还是外部竖向滚动区域,点选不到内部原生横向滚动组件区域;
解决办法: 在内部原生横向滚动组件加上阻止冒泡事件,以防滑动事件冒泡到外部竖向滑动事件.

mounted(){
  this.$refs.scroll.addEventListener('touchstart', (e) => { 
    e.stopPropagation();
  });
}

你可能感兴趣的:(better-scroll中嵌套原生滚动组件,原生滚动组件失效问题)