实现上拉触底加载下一页数据

最新推荐文章于 2024-03-01 15:40:43 发布

乌哈乌哈

最新推荐文章于 2024-03-01 15:40:43 发布

阅读量320

点赞数

文章标签： servlet java 前端

本文链接：https://blog.csdn.net/wq201920/article/details/126294694

版权

本文介绍如何利用Java Servlet在前端实现上拉触底时加载下一页数据的功能，通过优化数组遍历提高性能。

摘要由CSDN通过智能技术生成

<template>
	<view class="wrap">
		<!-- 数据盒子 -->
		
		<view class="dataBox">
			
			<!--数组数据 -->
			<view class="data" v-for="(item,index) in list" :key="index">
				<view class="left">
					<view class="" style="color: #555356;font-size: 28rpx;">第{
  {index + 1}}条数据</view>
					<view class="" style="color: #E5E3E5;font-size: 28rpx;" >{
  {item.time}}</view>
				</view>
				<view class="right">
					<view class="" style="color: #555356;font-size: 28rpx;">-{
  {item.price}}</view>
					<view class="" style="color: #E5E3E5;font-size: 28rpx;">{
  {item.word}}</view>
				</view>
			</view>
			
			
		</view>
		<!-- 组件在加载数据的时候显示，加载完毕后就隐藏 -->
		<tui-loadmore text="加载中..." :index="3" type="orange" v-show="showLoad">
		</tui-loadmore>
	</view>
</template>

<script>
	import tuiLoadmore from "@/components/thorui/tui-loadmore/tui-loadmore"
	export default {
		compo