鍍金池/ 問答/HTML5  HTML/ 在Vue中使用better-scroll是 router-link在移動(dòng)端不生效

在Vue中使用better-scroll是 router-link在移動(dòng)端不生效?

在使用better-scroll時(shí) router-link點(diǎn)擊路由不跳轉(zhuǎn) 不知道為什么 點(diǎn)擊事件的話是可以的

<div ref="wraper" class="wraper">
      <ul>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</router-link></li>
        <li><router-link to="/detail">身無彩鳳雙飛翼 心有靈犀一點(diǎn)通</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;
     }
回答
編輯回答
來守候

你路由配置了嗎?你給這些代碼誰知道你問題出在哪里啊

2018年2月26日 01:09
編輯回答
野橘
this.bs = new BScroll(this.$refs.wraper,{
    click: true
})
2017年12月15日 07:06