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

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

原创

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

0 ·

CC 4.0 BY-SA版权

文章标签：

#servlet #java #前端

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

<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 "@/compone