vue scrolle在tab 中使用
1. 使用npm 安装
npm i vue-scroller -S
地址: https://github.com/wangdahoo/vue-scroller
2. 引入 main.js:
import Vue from 'vue'
import VueScroller from 'vue-scroller'
Vue.use(VueScroller)
3.页面使用
1 2335 36 37 1374 5 346 9 10未完成 7已完成 811 3312 13 32for="(item,index) in listData" :key="index" @click="toDetail(item.sign_url)"> 143115 {{item.flow_id}}{{item.contract_name}} 16 if="selected==0" :class="(item.sign_status_employee==1?'itemTitle-state-green':(item.sign_status_employee==3?'itemTitle-state-red':'itemTitle-state-gray'))" class="fr itemTitle-state">{{item.sign_status_employee | showState}} 17 if="selected==1" class="fr itemTitle-state itemTitle-state-blue">待签署 18
1920302124开始日期:{{item.start_time}}
22失效日期:{{item.lose_efficacy_time}}
23if="selected==0"> 2529if="item.sign_status_employee==1" @click.stop="openDownload(item.flow_id)"> 26 2728
备注: finishInfinite(isNoMoreData :Boolean)
当参数为false时,上拉获取数据可以重新调用。
当参数为true,上拉获取数据回调函数停止使用,下拉下部不再显示loading,会显示‘’暂无更多数据
效果如下: