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.rows
      this.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;
    },
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值