首先按照官方文檔寫出html結構樣式,
如下:
<div class="goodContent" ref="goodContent"> <div> <!-- 頂部提示信息 --> <div class="top-tip"> <span class="refresh-hook">下拉刷新</span> </div> <ul> <li v-for="(num,key) in 30" :key="key" @click='_numClick(key)'>{{num}}</li> <li v-for="(person,key) in persons" :key="key">{{person.name}}</li> </ul> <!-- 底部提示信息 --> <div class="bottom-tip"> <span class="loading-hook">加載更多</span> </div> </div> </div> 其中的提示信息視情況使用,這裏要注意的是一定要給最外層的div添加個定位;沒有定位將導致頁面無法滑動;
然後就是按照官方文檔給的接口去寫你需要用到的方法,示例如下:
這裏需要注意的是bscroll初始化的時候