Vue introduced better-scroll unable to scroll

vue2 introduces better-scroll, instantiation:

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;
}

then
clipboard.png
but I can"t scroll. How should I write it? I"m learning. I don"t know much. Thank you very much.

Apr.07,2021

1: check to see if the height reaches the rolling height?
2: given a height that is not 100%, try 100vh?
3: the problem of instantiating


loading smoothly after dom loading when instantiating. I don't know to those, I just think of periodic functions. I write the data acquisition in mounted, write the initialization of this plug-in in updated, and you can scroll. Thank you

very much.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eb5481-482f9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eb5481-482f9.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?