在Vue中使用better-scroll是 router-link在移动端不生效?

Question

在使用better-scroll时 router-link点击路由不跳转 不知道为什么 点击事件的话是可以的

<div ref="wraper" class="wraper">
      <ul>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
        <li><router-link to="/detail">身无彩凤双飞翼 心有灵犀一点通</router-link></li>
      </ul>
    </div>
    //js
    
    <script>
        import BScroll from 'better-scroll'
        export default {
          data () {
            return {}
          },
          created () {
          },
          mounted () {
            this.bs = new BScroll(this.$refs.wraper)
          }
        }
    </script>
   // css
    .wraper {
        position: fixed;
        right: 0;
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 999;
        margin-top:50px;
     }

Answer 1

this.bs = new BScroll(this.$refs.wraper,{
    click: true
})

Answer 2

你路由配置了吗？你给这些代码谁知道你问题出在哪里啊