vue点击事件动态禁用（vue开发移动端使用better-scroll时click事件失效的解决方案）

npm i better-scroll --save

<template>
  <li class="wrapper" ref="wrapper" :style="{height:allHeight}">
   <slot></slot>
  </li>
</template>

<script>
import BScroll from 'better-scroll'
export default {
  data() {
    return {
      allHeight:''
    }
  },
  props:{
    handleToScroll:{
      type:Function,
      default:function(){}
    },
    handleToTouchEnd:{
      type:Function,
      default:function(){}
    }
  },
  methods: {
    handleToScrolltop(y){
      this.scroll.scrollTo(0,y)
    }
  },
  mounted() {
    var scroll = new BScroll(this.$refs.wrapper,{
      tap:true,
      probeType:1
    })
    this.scroll = scroll
     scroll.on('scroll',(pos)=>{
       this.handleToScroll(pos)
     })
     scroll.on('touchEnd',(pos)=>{
       this.handleToTouchEnd(pos)
     })

  let dangqian = this.$refs.wrapper.offsetTop
  let zongaodu = document.documentElement.clientHeight
  let all = zongaodu-dangqian
  this.allHeight = all +"px"
  },
}
</script>
<style>
</style>   

import Scroller from './components/content/Scroller'
Vue.component('Scroller',Scroller)

 <Scroller>
 <ul>
 </ul>
</Scroller>

<Scroller :handleToScroll="handleToScroll" :handleToTouchEnd="handleToTouchEnd">

  methods: {
     handleToScrolltop(y){
       this.scroll.scrollTo(0,y)
     }
   },