vue引入better-scroll無法滾動

vue2 引入better-scroll，實例化：

const wrapper = document.querySelector('.wrapper')
const scroll = new BScroll('.wrapper',{
  click:true
})

<template>
<div class="singer">

<div class="wrapper">
  <div class="content">
     <ul>
        <li v-for="item in singerList"></li>
     </ul>
  </div>
</div>

</div>
</template>

.singer {
position: fixed;
width: 100%;
top: 60px;
bottom: 0;
}
.wrapper {
height: 100%;
overflow: hidden;
}

然后

但是滾動不了，請問我應(yīng)該怎么寫呢？正在學習中，不是太懂，非常感謝