uniapp 上拉加载

梦里梦外; 2021-07-24 23:43 493阅读 0赞

1、与data同级监听上拉
    		onReachBottom()
    		{
    			...
    		}
    		
    2、设置触发监听事件的滚动条距底部距离
    	在pages.json->globalStyle中设置
    		"onReachBottomDistance":数值

代码示例:

<template>
    	<view>
    		<view class='box'>
    			{ { msg}}
    		</view>
    		<text class='iconfont icon-shipin '></text>
    		<text class='iconfont'></text>
    		<text v-if="true" v-html="hhh">wwww</text>
    		<button type="primary" @click="get">按钮</button>
    		
    		<view v-for="(item,index) in list" :key="index">
    			<view>{ { item}}</view>
    		</view>
    	</view>
    </template>
    
    <script>
    export default{ 
    	data()
    	{ 
    		return{ 
    			msg:'数据',
    			hhh:'ww',
    			list:[1,2,3,4,5,6,7,8]
    		}
    	},
    	onReachBottom()
    	{ 
    		this.list.push(10);
    		
    	},
    	methods:{ 
    	},
    
    }
    </script>
    
    <style scoped>
    	@import url("../css/a.css");
    	.box{ 
    		height: 1000rpx;
    		width: 375rpx;
    		background-color: #4CD964;
    	}
    	.box1{ 
    		background-color: #007AFF;
    	}
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，493人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp上拉加载更多

<template> <view class="container"> <view v-for="(item,index

╰半夏微凉°/ 2023年01月11日 09:11/ 0 赞/ 178 阅读

相关 uniapp上拉加载更多Uview

scroll-view scroll-y="true" @scrolltolower="scroll_y"> 你的请求数据 <u-loadmore

深碍√TFBOYSˉ_/ 2023年01月02日 11:22/ 0 赞/ 190 阅读

相关 12.uniapp上拉加载

<template> <view> <view>这是列表页</view> <view v-for="(item,index) in l

迈不过友情╰/ 2022年11月17日 15:58/ 0 赞/ 147 阅读

相关 uniapp下拉刷新上拉加载

一、需求留言板主页，显示所有的留言信息，带有分页功能；上拉加载数据，下拉刷新数据二、代码 ![在这里插入图片描述][watermark_t

﹏ヽ暗。殇╰゛Y/ 2021年09月03日 04:51/ 0 赞/ 670 阅读

相关 uniapp局部上拉加载数据

一、页面局部实现上拉加载数据 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0c

淩亂°似流年/ 2021年09月03日 04:29/ 0 赞/ 876 阅读

相关 uniapp上拉加载

最近在写uniapp的项目，看好写到上拉加载这一块，拿出来详细说一下写法，和注意事项吧。首先在data里面要有这些值 last_page: '', //总页数

喜欢ヅ旅行/ 2021年07月25日 23:04/ 0 赞/ 576 阅读

相关 uniapp——上拉加载

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Dear 丶/ 2021年07月25日 22:01/ 0 赞/ 457 阅读

相关 uniapp - 上拉加载

一. 在 `pages.json` 中设置页面上拉触底事件触发时距页面底部距离 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpd

逃离我推掉我的手/ 2021年07月25日 14:34/ 0 赞/ 530 阅读

相关 uniapp的上拉加载和下拉刷新

> 插件地址 [https://ext.dcloud.net.cn/plugin?id=29\detail][https_ext.dcloud.net.cn_plugin_id

灰太狼/ 2021年07月25日 00:55/ 0 赞/ 702 阅读

相关 uniapp 上拉加载

1、与data同级监听上拉 onReachBottom() { ... } 2、设置触发监听事件

梦里梦外;/ 2021年07月24日 23:43/ 0 赞/ 494 阅读