資訊專欄INFORMATION COLUMN
摘要：今天給大家分享上拉刷新，加載更多的組件的使用第一步安裝第二部配置第三部開(kāi)始使用內(nèi)容部分如下上拉加載已棄用，下拉刷新
今天給大家分享vue上拉刷新，加載更多的組件VueScroller的使用
第一步安裝：
npm install vue-scroller -D
第二部配置 main.js
import VueScroller from "vue-scroller"
Vue.use(VueScroller)
?第三部開(kāi)始使用
//內(nèi)容
js部分如下
methods:{
//上拉加載
infinite:function(){
? ? ? console.log("infinite")
? ? ? this.timeout = setTimeout(()=>{
? ? ? ? if (this.myData.length >= 20) {
? ? ? ? ?this.$refs.my_scroller.finishInfinite(true);
? ? ? ? }else{
? ? ? ? ? this.$refs.my_scroller.finishInfinite(false);
? ? ? ? }
? ? ? ? //this.$refs.my_scroller.resize();//已棄用，
? ? ? ? this.myData.push(this.myData[1]);
? ? ? }, 1500)
? ? },
//下拉刷新?
? ? refresh:function(){
? ? ? console.log("refresh")
? ? ? this.timeout = setTimeout(()=>{
? ? ? ? this.$refs.my_scroller.finishPullToRefresh()
? ? ? }, 1500)
? ? }
}文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/99698.html
摘要：今天給大家分享上拉刷新，加載更多的組件的使用第一步安裝第二部配置第三部開(kāi)始使用內(nèi)容部分如下上拉加載已棄用，下拉刷新 今天給大家分享vue上拉刷新，加載更多的組件VueScroller的使用 第一步安裝： npm install vue-scroller -D 第二部配置 main.js import VueScroller from vue-scrollerVue.use(VueScr...
摘要：移動(dòng)端開(kāi)發(fā)，處理列表翻頁(yè)和數(shù)據(jù)的時(shí)候，下拉刷新和上拉加載應(yīng)用的比較廣泛，今天給大家推薦一個(gè)的插件，，首先上圖話不多說(shuō)，上代碼了一引入并使用二在或者組件里面使用三在文件里面操作插件首先在在里面寫(xiě)上方法在里面實(shí)現(xiàn)申明好然后繼續(xù)在里面寫(xiě)上刷新和 移動(dòng)端開(kāi)發(fā)，處理列表翻頁(yè)和數(shù)據(jù)的時(shí)候，下拉刷新和上拉加載應(yīng)用的比較廣泛，今天給大家推薦一個(gè)vue的插件，vueScroll，首先上圖： showIm...
摘要：因?yàn)闃I(yè)務(wù)的需要界面需要實(shí)現(xiàn)分頁(yè)的功能，所以我就研究了一下如何利用自帶的組件實(shí)現(xiàn)上拉加載更多功能。代碼如下上拉加載更多初始化方法如下下面便是上拉加載更多的方法這樣就大功告成啦 因?yàn)闃I(yè)務(wù)的需要界面需要實(shí)現(xiàn)分頁(yè)的功能，所以我就研究了一下如何利用mint-ui自帶的loadmore組件實(shí)現(xiàn)上拉加載更多功能。 首先在文件中引入組件 import {Indicator, Loadmore} f...
閱讀 2430·2021-10-11 10:57
閱讀 1279·2021-10-09 09:59
閱讀 1998·2019-08-30 15:53
閱讀 3212·2019-08-30 15:53
閱讀 1008·2019-08-30 15:45
閱讀 738·2019-08-30 15:44
閱讀 3446·2019-08-30 14:24
閱讀 954·2019-08-30 14:21
