hips-scroll(better-scroll)內(nèi)部嵌套原生橫向滾動組件,橫向滾動組件失效問題
問題描述: 滑動外部豎向組件區(qū)域(better-scroll),滑動正常,但是當(dāng)滑動橫向組件時,滾動條還是外部豎向滾動區(qū)域,點(diǎn)選不到內(nèi)部原生橫向滾動組件區(qū)域;
解決辦法: 在內(nèi)部原生橫向滾動組件加上阻止冒泡事件,以防滑動事件冒泡到外部豎向滑動事件.
mounted(){
this.$refs.scroll.addEventListener('touchstart', (e) => {
e.stopPropagation();
});
}