当前位置: 首页 > news >正文 uniapp 截取两条数据 进行页面翻页滚动 news 2025/8/2 21:20:52 // 轮播信息 <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)
// 轮播信息 <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)