精华内容
下载资源
问答
  • uniapp上拉加载更多

    2021-01-26 16:08:17
    <template> <view class="container"> <view v-for="(item,index) in videoList" :key="index">...</view> //渲染的列表处 ... //loading加载提示处 <uni-load-more :status="load
    <template>
          <view class="container">
              <view v-for="(item,index) in videoList" :key="index">...</view>  //渲染的列表处
              <view v-show="isLoadMore">  //loading加载提示处
                    <uni-load-more :status="loadStatus" ></uni-load-more>
              </view>
          </view>
    </template>
    
    <script>
    export default {
        data() {
              return {
                    videoList:[],
    				
                    page:1,
                    pagesize:10,
                    loadStatus:'loading',  //加载样式:more-加载前样式,loading-加载中样式,nomore-没有数据样式
                    isLoadMore:false,  //是否加载中
              };
        },
    
        onLoad() {
              this.getVideoList()
        },
    		
        onReachBottom(){  //上拉触底函数
              if(!this.isLoadMore){  //此处判断,上锁,防止重复请求
                    this.isLoadMore=true
                    this.page+=1
                    this.getVideoList()
              }
        },
    
        methods:{
              getVideoList(){
                    uni.request({
                          url: `${this.$baseUrl}/api-video/getlist?page=${this.page}&pagesize=${this.pagesize}`,
                          method: 'GET',
                          success: res => {
                                if(res.data.code==200){
                                      if(res.data.data.list){
                                            this.videoList=this.videoList.concat(res.data.data.list)
                                            if(res.data.data.list.length<this.pagesize){  //判断接口返回数据量小于请求数据量,则表示此为最后一页
                                                  this.isLoadMore=true                                             
                                                  this.loadStatus='nomore'
                                            }else{
                                                  this.isLoadMore=false
                                            }
                                      }else{
                                            this.isLoadMore=true
                                            this.loadStatus='nomore'
                                      }
                                }else{  //接口请求失败的处理
                                      uni.showToast({title:res.data.msg,icon:'none'})
                                      this.isLoadMore=false
                                      if(this.page>1){
                                            this.page-=1
                                      }
                                }
                          },
                          fail: () => {  //接口请求失败的处理
                                uni.showToast({title: '服务器开小差了呢,请您稍后再试',icon:'none'})
                                this.isLoadMore=false
                                if(this.page>1){
                                      this.page-=1
                                }
                          },
                    });
              },
        }
    </script>
    

    转发:https://www.cnblogs.com/huihuihero/p/13206958.html

    展开全文
  • uniapp 上拉加载更多

    千次阅读 2020-08-06 16:15:43
    }, onReachBottom: function() { //触底的时候请求数据,即为上拉加载更多 //为了更加清楚的看到效果,添加了定时器 // 正常应为: _self.getmorenews(); }, methods: { //返回 goback() { uni....
    <view class="content">
    			<view class="contentlist" v-for="(item, index) in newsList" :key="index" @click="todetail(item.id)">
    				<image :src="imgurl + item.images" mode=""></image>
    				<view class="contentext">
    					<text class="contentextitle">{{ item.name }}</text>
    					<text class="contentextintegral">{{ item.price }} 积分</text>
    				</view>
    			</view>
    			<!-- <uni-load-more class="middle"  :loadingType="loadingType" :contentText="contentText"></uni-load-more> -->
    			<view class="middle" v-if="showMore">
    				{{ loadingType === 0 ? contentText.contentdown : loadingType === 1 ? contentText.contentrefresh : contentText.contentnomore }}
    			</view>
    		</view>
    
    
    import uniLoadMore from '../../common/uni-load-more.vue'; //引入uniapp官方插件
    var _self,
    	page = 1,
    	timer = null;
    export default {
    	components: {
    		//注册组件
    		uniLoadMore
    	},
    	data() {
    		return {
    			showMore: false,
    			loadingText: '加载中...',
    			loadingType: 0, //定义加载方式 0---contentdown  1---contentrefresh 2---contentnomore
    			contentText: {
    				contentdown: '上拉显示更多',
    				contentrefresh: '正在加载...',
    				contentnomore: '没有更多数据了'
    			}
    		};
    			onLoad: function() {
    		_self = this;
    		//页面一加载时请求一次数据
    		this.getnewsList();
    	},
    	onPullDownRefresh: function() {
    		//下拉刷新的时候请求一次数据
    		this.getnewsList();
    	},
    	onReachBottom: function() {
    		//触底的时候请求数据,即为上拉加载更多
    		//为了更加清楚的看到效果,添加了定时器
    
    		// 正常应为:
    		_self.getmorenews();
    	},
    
    	methods: {
    		//返回
    		goback() {
    			uni.navigateBack();
    		},
    		// 详情
    		todetail(id) {
    			uni.navigateTo({
    				url: './integralDetail?id=' + id
    			});
    		},
    		// 获取更多数据
    		async getmorenews() {
    			_self.showMore = true;
    			if (_self.loadingType !== 0) {
    				//loadingType!=0;直接返回
    				return false;
    			}
    			_self.loadingType = 1;
    			uni.showNavigationBarLoading(); //显示加载动画
    			const memor = await _self.$myRequest({
    				url: 'api/goods/scoreGoodsList',
    				data: {
    					page: page,
    					pagesize: 10
    				}
    			});
    
    			page++; //每触底一次 page +1
    			_self.newsList = _self.newsList.concat(memor.data); //将数据拼接在一起
    			_self.loadingType = 0; //将loadingType归0重置
    			uni.hideNavigationBarLoading(); //关闭加载动画
    			if (memor.data.length == 0) {
    				//没有数据
    				_self.loadingType = 2;
    				uni.hideNavigationBarLoading(); //关闭加载动画
    				return;
    			}
    		},
    
    		async getnewsList() {
    			//第一次获取数据
    			page = 1;
    			this.loadingType = 0;
    			uni.showNavigationBarLoading();
    			const exchange = await _self.$myRequest({
    				url: 'api/goods/scoreGoodsList',
    				data: {
    					page: 1,
    					pagesize: 10
    				}
    			});
    			page++;
    			_self.newsList = exchange.data;
    			// _self.newsList = res.data.split('--hcSplitor--');
    			uni.hideNavigationBarLoading();
    			uni.stopPullDownRefresh(); //得到数据后停止下拉刷新
    		}
    	}
    

    这就是完整的上拉加载更多的代码,下面我把官方插件的代码粘贴在下面,小伙伴们用的时候新建个vue文件然后再粘贴上去引用即可、

    <template>
    	<view class="load-more">
    		<view class="loading-img" v-show="loadingType === 1 && showImage">
    			<view class="load1">
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    			</view>
    			<view class="load2">
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    			</view>
    			<view class="load3">
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    				<view :style="{background:color}"></view>
    			</view>
    		</view>
    		<text class="loading-text" :style="{color:color}">
    		{{loadingType === 0 ? contentText.contentdown : (loadingType === 1 ? contentText.contentrefresh : contentText.contentnomore)}}</text>
    	</view>
    </template>
     
    <script>
    	export default {
    		name: "load-more",
    		props: {
    			loadingType: {
    				//上拉的状态:0-loading前;1-loading中;2-没有更多了
    				type: Number,
    				default: 0
    			},
    			showImage: {
    				type: Boolean,
    				default: true
    			},
    			color: {
    				type: String,
    				default: "#777777"
    			},
    			contentText: {
    				type: Object,
    				default () {
    					return {
    						contentdown: "上拉显示更多",
    						contentrefresh: "正在加载...",
    						contentnomore: "没有更多数据了"
    					};
    				}
    			}
    		},
    		data() {
    			return {}
    		}
    	}
    </script>
     
    <style>
    	.load-more {
    		display: flex;
    		flex-direction: row;
    		height: 80upx;
    		align-items: center;
    		justify-content: center;
    	}
     
    	.loading-img {
    		height: 24px;
    		width: 24px;
    		margin-right: 10px;
    	}
     
    	.loading-text {
    		font-size: 28upx;
    		color: #777777;
    	}
     
    	.loading-img>view {
    		position: absolute;
    	}
     
    	.load1,
    	.load2,
    	.load3 {
    		height: 24px;
    		width: 24px;
    	}
     
    	.load2 {
    		transform: rotate(30deg);
    	}
     
    	.load3 {
    		transform: rotate(60deg);
    	}
     
    	.loading-img>view view {
    		width: 6px;
    		height: 2px;
    		border-top-left-radius: 1px;
    		border-bottom-left-radius: 1px;
    		background: #777;
    		position: absolute;
    		opacity: 0.2;
    		transform-origin: 50%;
    		-webkit-animation: load 1.56s ease infinite;
    	}
     
    	.loading-img>view view:nth-child(1) {
    		transform: rotate(90deg);
    		top: 2px;
    		left: 9px;
    	}
     
    	.loading-img>view view:nth-child(2) {
    		-webkit-transform: rotate(180deg);
    		top: 11px;
    		right: 0px;
    	}
     
    	.loading-img>view view:nth-child(3) {
    		transform: rotate(270deg);
    		bottom: 2px;
    		left: 9px;
    	}
     
    	.loading-img>view view:nth-child(4) {
    		top: 11px;
    		left: 0px;
    	}
     
    	.load1 view:nth-child(1) {
    		animation-delay: 0s;
    	}
     
    	.load2 view:nth-child(1) {
    		animation-delay: 0.13s;
    	}
     
    	.load3 view:nth-child(1) {
    		animation-delay: 0.26s;
    	}
     
    	.load1 view:nth-child(2) {
    		animation-delay: 0.39s;
    	}
     
    	.load2 view:nth-child(2) {
    		animation-delay: 0.52s;
    	}
     
    	.load3 view:nth-child(2) {
    		animation-delay: 0.65s;
    	}
     
    	.load1 view:nth-child(3) {
    		animation-delay: 0.78s;
    	}
     
    	.load2 view:nth-child(3) {
    		animation-delay: 0.91s;
    	}
     
    	.load3 view:nth-child(3) {
    		animation-delay: 1.04s;
    	}
     
    	.load1 view:nth-child(4) {
    		animation-delay: 1.17s;
    	}
     
    	.load2 view:nth-child(4) {
    		animation-delay: 1.30s;
    	}
     
    	.load3 view:nth-child(4) {
    		animation-delay: 1.43s;
    	}
     
    	@-webkit-keyframes load {
    		0% {
    			opacity: 1;
    		}
     
    		100% {
    			opacity: 0.2;
    		}
    	}
    </style>
    
    展开全文
  • 上拉加载更多,方式一: 在pages.json 页面配置style。 然后在页面 onReachBottom(){ console.log('onReachBottom') } 上拉加载更多,方式一: //在scroll-view中lower-threshold='50' @scrolltolower=...

    上拉加载更多,方式一:

    在pages.json 页面配置style。

    然后在页面

    onReachBottom(){

    console.log('onReachBottom')

    上拉加载更多,方式一:

    //在scroll-view中 lower-threshold='50' @scrolltolower="scrolltolower"

    <scroll-view scroll-y class="page" lower-threshold='50' @scrolltolower="scrolltolower">
                <cu-custom bgColor="bg-gradual-white" >
                    <block slot="content">车旅荟</block> 
                </cu-custom>
                <scroll-view  scroll-x="true" class="scroll_view" :style="'background-color:white;height: 92rpx;line-height: 48rpx;border-top: 1rpx solid #f3f3f3;'" :class="fixed?'fxied':''" :scroll-left='scrollLeft' scroll-with-animation id="tabcard">
                    <view class="tabList" :style="isEqually?'display: flex;justify-content: space-between;padding-left:0;':''">
                        <view
                            :class="'tabItem'+(currentIndex==index?' thisOpenSelect':'')"
                            :style="isEqually? 'width:'+windowWidth/values.length+'px;line-heiht:54rpx;':''"
                            v-for="(item,index) in orderType" 
                            :id="'item'+index"
                            :key='index' 
                            @click="_onClick(index,item)">
                            <text :style="(currentIndex==index?'font-size:'+activeSize+'rpx;color:'+activeColor:'font-size:'+itemSize+'rpx')">{{item.name}}</text>
                            <!-- <uni-badge class="member_unibadge"  :text="item.qty" type="error" @click="bindClick"  :inverted="false"></uni-badge> -->
                            <view class="activeLine" :style="{width: lineWidth+'rpx'}"></view>
                        </view>
                    </view>
                </scroll-view>
                     <view class="member-card" v-for="(data,i) in dataList" :key="i" :class="i === dataList.length-1?'lastChild':''">
                         <view>
                             <view class="member_section"  style="justify-content: space-between;">
                                 <view style="display: flex;align-items: center;">
                                         <p> {{data.beginCityName}}</p><image class="invoice-arrow" src="../../static/mine/mine_arrow.png"></image><p>{{data.endCityName}}</p>
                                 </view>
                                 <view>
                                     <p v-if="data.orderstatus == '1'" class="member_status apply" >待付款</p>
                                    <p v-if="data.orderstatus == '2'" class="member_status apply" >待取车</p>
                                     <p v-if="data.orderstatus == '3'" class="member_status pass" >运输中</p>
                                     <p v-if="data.orderstatus == '4'" class="member_status pass" >已送达</p>
                                     <p v-if="data.orderstatus == '5'" class="member_status apply" >待评价</p>
                                 </view>
                             </view>
                             <view class="member_part" >
                                 <view class="member_detail" >
                                     <p class="member_detail_car">车辆信息:{{(data.modelsname==null || data.modelsname=='')?data.brandname:data.modelsname}}</p>
                                     <p>车辆数量:{{data.qty}}辆</p>
                                     <p>取车日期: {{data.pickcardate}}</p>
                                     <p>送车日期: {{data.sendcardate}}</p>
                                 </view>
                                 <view>
                                     <p class="member_price">¥{{data.totalprice}}</p>
                                     <p v-if="data.orderstatus == '1'" class="member_btn_check paybtn" @click="handlePay"  data-target="Modal">立即支付</p>
                                     <p v-if="data.orderstatus == '3'" class="member_btn_check trackbtn" @click="handleDetail"  data-target="Modal">订单追踪</p>
                                     <p v-if="data.orderstatus == '5'" class="member_btn_check ratebtn" @click="handleRate" data-target="DialogModal" >评价</p>
                                     <p v-if="data.orderstatus != '1' && data.orderstatus != '3' && data.orderstatus != '5'" class="member_btn_check trackbtn" @click="handleOrderDetail(data.ywId)"                                           data-target="Modal">订单详情</p>
                                 </view>
                             </view>
                         </view>    
                     </view>
                    <view v-show="!isLoadMore" class="noMore"> 
                        <p>没有更多了!</p>
                    </view>
            </scroll-view>

    data(){

    return{

    dataList:[],

    isLoadMore:false,  //是否加载中

    query: {
                        size: this.$util.pageSize(), //每页显示条数
                        current: 1,//当前页
                        ascs: null,//升序字段
                        descs:"CREATE_TIME" //倒序字段
                    },

    }

    }

    onLoad:{

    this.loadPage();

    }

    methods:{

    //上拉触底函数
                scrolltolower(){
                    if(this.isLoadMore){  //此处判断,上锁,防止重复请求
                        this.isLoadMore=true
                        this.query.current+=1
                        this.loadPage()
                    }
                },

    loadPage(orderstatus){
                    //加载列表数
                    uni.showLoading({
                        title: '加载中'
                    });
                    let url= "/yw/YwCarinfo/page";
                    this.$api.loadPage(url,this.query,{
                        "orderstatus":orderstatus,
                        "t":Math.random()
                    }).then((res) => {
                        uni.hideLoading();
                        console.log("loadPage")
                        console.log(res)
                        // this.dataList = res.data.data.records
                        this.dataList=this.dataList.concat(res.data.data.records)
                        console.log(res.data.data.current,'当前页')
                        if(res.data.data.current<res.data.data.pages){  //判断接口返回数据量小于请求数据量,则表示此为最后一页
                              this.isLoadMore=true  
                        }else{
                              this.isLoadMore=false
                        }
                    }).catch((err) => {
                        uni.hideLoading();
                        console.log(err)
                    })
                },

    }

     

     

    //参考文章

    https://www.cnblogs.com/huihuihero/p/13206958.html

    展开全文
  • 直接代码 <template> <view class="searchList"> <!-- 搜索框 --> <Search></Search> <img class="top_img" src="@/static/image/dataDelivery.png" /> <view...

    直接上代码

    <template>
    	<view class="searchList">
    		<!-- 搜索框 -->
    		<Search></Search>
    		<img class="top_img" src="@/static/image/dataDelivery.png" />
    
    		<view class="menus p_r">
    			<view class="" v-for="(item,idx) in title_list">
    				<view class="menuItem p_r" @click="tabChange(idx)" :class="menuIdx==idx?'on':''">
    					<img class="menuIcon" :src="menuIdx==idx?item.select_graph:item.unselected_graph" mode="" />
    					<view class="menuIdx==idx?'on':''">{{item.title}} </view>
    				</view>
    				<image v-if="menuIdx==idx" class="sanjiao" src="../../static/image/sanjiao.png" mode=""></image>
    			</view>
    		</view>
    
    		<view class="list">
    			<DataDelivery :type="type" :forumList="forumList" :showNum="2000"></DataDelivery>
    		</view>
    	</view>
    </template>
    
    <script>
    	import DataDelivery from '@/components/dataDelivery.vue';
    	import Search from '@/components/search.vue';
    	export default {
    		components: {
    			DataDelivery,
    			Search
    		},
    		data() {
    			return {
    				title_list: [],
    				forumList: [],
    				id: '',
    				type: getApp().globalData.TheToolkit,
    				menuIdx: 0,
    				dataDelivery_icon1: this.$config.dadaImagesUrl + 'dataDelivery_icon1.png',
    				dataDelivery_icon11: this.$config.dadaImagesUrl + 'dataDelivery_icon1-1.png',
    				dataDelivery_icon2: this.$config.dadaImagesUrl + 'dataDelivery2.png',
    				dataDelivery_icon22: this.$config.dadaImagesUrl + 'dataDelivery2-2.png',
    				banners: [this.$config.dadaImagesUrl + 'home_menu1.png'],
    				forumLists_pageSize:8,
    				forumLists_page:1,
    			};
    		},
    		onLoad(option) {
    			this.$common.Init.call(this);
    			this.getData()
    		},
    		// 下拉刷新
    		onPullDownRefresh() {
    			console.log('下拉刷新')
    			setTimeout(() => {
    				console.log('下拉刷新停止')
    				uni.stopPullDownRefresh()
    			}, 5500)
    		},
    		// 上拉加载
    		onReachBottom() {
    			console.log('上拉加载')
    			if(this.forumList.length==0)return
    			this.forumLists_page=this.forumLists_page+1
    			this.getForumLists();
    			setTimeout(() => {
    				console.log('上拉加载停止')
    				uni.stopPullDownRefresh()
    			}, 5500)
    		},
    		methods: {
    			tabChange(idx) {
    				this.menuIdx = idx
    				this.forumLists_page=1
    				this.forumList=[]
    				this.id = this.title_list[idx].id
    				this.getForumLists()
    			},
    			getData() {
    				let data = {
    					type: this.type
    				}
    				this.$request(this.$api.community.topicLists, data).then((res) => {
    					this.title_list = res.data.lists || [];
    					this.id = res.data.lists[0].id
    					this.getForumLists()
    				});
    			},
    			// 获取帖子列表
    			getForumLists() {
    				let data = {
    					forum_tags_id: this.id,
    					type: this.type,
    					pageSize:this.forumLists_pageSize,
    					page:this.forumLists_page,
    				}
    				this.$request(this.$api.community.forumLists, data).then((res) => {
    					var list = (res.data && res.data.lists) || []
    					list.forEach(item => {
    						item.create_time = this.$util.toDateDetail(item.create_time)
    					})
    					this.forumList = this.forumList.concat(list)
    					
    					console.log('forumList',this.forumList)
    				});
    			},
    		}
    	};
    </script>
    
    <style lang="scss" scoped>
    	.list {
    		border: 2rpx solid #f3f3f3;
    		border-radius: 20rpx;
    		width: 90%;
    		margin-left: 3%;
    		min-height: 300rpx;
    		position: relative;
    		top: -8rpx;
    		padding-top: 40rpx;
    
    	}
    
    	.searchList {
    		height: 100vh;
    	}
    
    	.sanjiao {
    		width: 40rpx;
    		height: 20rpx;
    		margin-left: 56rpx;
    		margin-top: 0rpx;
    	}
    
    	.menus {
    		justify-content: space-around;
    		margin-top: 20rpx;
    		width: 90%;
    		margin-left: 5%;
    
    		.menuItem {
    			text-align: center;
    			line-height: 70rpx;
    			border-radius: 14rpx;
    			font-size: 30rpx;
    			color: #d0d0d0;
    			// text{
    			// 	position: relative;
    			// 	top: -4rpx;
    			// }
    		}
    
    		.menuIcon {
    			height: 70rpx;
    			position: relative;
    			top: 2rpx;
    			margin-right: 6rpx;
    		}
    
    		.on {
    			color: #000;
    		}
    
    	}
    
    	// background-color: red;
    
    	.title {
    		position: relative;
    		left: 36rpx;
    		top: 60rpx;
    		font-size: 34rpx;
    		font-family: Source Han Sans CN;
    		font-weight: 500;
    		color: #102841;
    	}
    </style>
    

     

    展开全文
  • scroll-view scroll-y="true" @scrolltolower="scroll_y"> 你的请求数据 <u-loadmore :status="status" />...// 上拉加载更多 scroll_y() { if(this.page==this.last_page)this.status='
  • export default { data() { return { newList: [], loading: false, finished: false, loadingTxt: '加载更多' }; }, onLoad(e) { this.getNews(); }, onPullDownRefresh() { this....
  • https://www.cnblogs.com/huihuihero/p/13206958.html
  • uniapp上拉加载

    2020-12-11 20:17:10
    最近在写uniapp的项目,看好写到上拉加载这一块,拿出来详细说一下写法,和注意事项吧。 首先在data里面要有这些值 last_page: '', //总页数 page: 2,//上拉加载的起始页 loadingnum: 12, //加载条数 ...
  • uniapp 下拉刷新和上拉加载更多

    千次阅读 2021-02-05 10:35:53
    uniapp 下拉刷新和下拉加载更多实现代码,兼容小程序,H5,app,真机测试可用。 实现代码 1.在页面写这两方法,分别是下拉刷新和下拉触底的监听事件 // 下拉刷新 onPullDownRefresh() { console.log('...
  • 1.创建 ./util/api.js 文件对所有接口进行统一封装 ...export const myRequest =(option)=>{ return new Promise((resolve,reject)=>{ uni.request({ url:BASE_URL+option.url, method:option.method || ‘GET’,...
  • //上拉加载更多 getMoreList(){ uni.showNavigationBarLoading(); //导航栏显示加载动画 uni.request({ url:'https://demo.hcoder.net/index.php?user=hcoder&pwd=hcoder&m=list1&page='+page, ...
  • 效果图: 说明: 函数说明:传入一个数组,循环获取图片高度,会根据把原数组拆分成两个数组,放在... 每获取到一个图片的高度就赋值渲染到页面,实现加载出一个图片就先渲染上去,达成图片懒加载的效果 ...
  • QQ 1274510382 Wechat JNZ_aming 商业联盟 QQ群538250800 技术搞事 QQ群599020441 解决方案 QQ群152889761 加入我们 QQ群649347320 共享学习 QQ群674240731 纪年科技aming 网络安全 ,深度学习,嵌入式,机器强化,生物...
  • 1、使用uniapp编写。 2、新闻列表。 3、上拉刷新。 4、下拉加载更多。 5、图片在左,文字在右。
  • 1.引入uni-app中uni-load-more.vue到自己的项目 import uniLoadMore from '@/components/uni-... contentdown: '上拉加载更多~', contentrefresh: '加载中', contentnomore: '我是有底线的~' }, 3.在需要加载的
  • 之前的上拉加载更多是通过父组件进行实现的 监听 scrollBottom 属性,如果触底则执行setReachBottom方法 data(){ return{ pageNo:0 } }, props: { scrollBottom: { type: Number, default: 0 } }, watch: ...
  • uniapp组件scroll-view+Uview的loadMore 加载更多,效果就是上拉加载,并显示相应状态效果 html: @scrolltolower="bottomOut()"是scroll-view的触底触发事件 <scroll-view :scroll-y="true" class=...
  • 前言 在开始之前,你务必在项目中安装并配置好 uView,安装 配置 这里就不再详细说怎么安装配置了,官方文档已经说得很清楚了,不懂在评论区留言 ?...正在加载更多</text> </view> var
  • uniapp实现滚动到底部加载更多数据

    千次阅读 2020-09-29 15:55:41
    页面滚动到底部的事件(不是scroll-view滚到底),常用于上拉加载下一页数据。如使用scroll-view导致页面级没有滚动,则触底事件不会被触发 这种方式适用于单个页面,如果同一个页面有处滚动,那么就该使用scroll-...
  • //隐藏转圈动画 uni.stopPullDownRefresh() }, 2000) }, /** * 上拉加载更多 */ onReachBottom() { console.log("上拉加载更多") // 显示加载中 this.statusLoadMore = ...

空空如也

空空如也

1 2
收藏数 38
精华内容 15
关键字:

uniapp上拉加载更多