vue+better-scroll做上拉加载下拉刷新效果

一、安装

npm install better-scroll --save-dev

二、组件引入

import BScroll from 'better-scroll'

三、完整代码如下

<templete>
  <div class="list" ref="wrapper">
      <div class="bscroll-container">
          <!-- 刷新提示信息 -->
          <div class="top-tip">
              <span class="refresh-hook">{
  {pulldownMsg}}</span>
          </div>
          <!-- 内容列表 -->
          <ul class="content">
              <li class="item d-flex justfy-end" v-for="(item,index) in specList" :key="index">
                  <div class="d-flex">
                      <img  :src="item.img