当前位置: 首页 > news >正文

uniapp 截取两条数据 进行页面翻页滚动

// 轮播信息
<view class="sales_list" ><view class="sales_item" v-for="(item,index) in sellDisplayList" :key="index" @click="salesFn(item)"><image :src="item.goodsImg"></image><u--text :text="item.name" bold ></u--text></view></view>
 data() {return {sellList:[],sellDisplayList:[],sellIndex: 0,}},created() {const params = {pageNum: 1,pageSize: 10,}//后端返回数据接口secondaryGoods(params).then(res=>{this.sellList = res.rowsthis.updatesecondaryGoods(); // 初始化显示数据setInterval(() => this.updatesecondaryGoods(), 			4000); // 每3秒钟更新显示数据})},
methods:{updatesecondaryGoods() {// 获取当前要显示的两条数据this.sellDisplayList = this.sellList.slice(this.sellIndex,this.sellIndex + 1);// 更新当前索引,循环滚动this.sellIndex = (this.sellIndex + 1) % this.sellList.length;},
}
http://www.lryc.cn/news/400684.html

相关文章:

  • python笔记(转存ipynb)------1
  • excel系列(二) - 利用 easypoi 快速实现 excel 文件导入导出
  • 邀请函|2024第八届中国太阳能电池浆料与金属化技术展
  • 图像边缘检测:技术原理与算法解析
  • 【Python星启航】少儿编程精英启蒙之旅 - 大纲
  • MATLAB的mat文件转换成json文件
  • STM32第九课:STM32-基于标准库的42步进电机的简单I/O控制(附电机教程,看到即赚到)
  • 文件安全传输系统,如何保障信创环境下数据的安全传输?
  • 论文分享|AAAI2024‘北航|用大语言模型缩小有监督和无监督句子表示学习的差距
  • vue3相比于vue2有哪些新特性?
  • Gooxi受邀参加第三届中国数据中心服务器与设备峰会
  • 3个实现前端节流的方法,附代码。
  • uniapp 微信小程序根据后端返回的文件链接打开并保存到手机文件夹中【支持doc、docx、txt、xlsx等类型的文件】
  • 一群追星星的人,对AI的盼与怕
  • 同步IO、异步IO以及五种网络IO模式
  • IP-Guard日志数据上传至 SYSLOG 服务器操作指南
  • 线程安全(二)synchronized 的底层实现原理、锁升级、对象的内存结构
  • 【学习笔记】无人机(UAV)在3GPP系统中的增强支持(十四)-无人机操控关键绩效指标(KPI)框架
  • 数电基础 - 半导体存储
  • 校园工会体育报名小程序的设计
  • 2024Datawhale AI夏令营---基于术语词典干预的机器翻译挑战赛--学习笔记
  • 手机下载APP (uniapp/vue)
  • python数据可视化(5)——绘制饼图
  • 实习随笔【iviews的Select实现‘与全部互斥’的多选】
  • 网站架构核心要素
  • XML 解析异常问题解决
  • C# 匿名方法、Lambda、Linq概念及联系
  • django ninja get not allowed 能用 put delete
  • 服务器操作集合
  • 论文阅读【时空+大模型】ST-LLM(MDM2024)