日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

小程序防抖功能以及wx:for的使用

發布時間:2023/12/16 编程问答 32 豆豆
生活随笔 收集整理的這篇文章主要介紹了 小程序防抖功能以及wx:for的使用 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

防抖功能:
微信小程序的防抖功能主要是為了避免重復發送請求的這種情況發送,主要原理就是利用定時器來阻止重復發送請求!
首先要在頁面對應的js中加入變量TimeNum = -1;

TimeNum = -1

\然后設置一個定時器,在定時器內部發送請求!我這里的是每隔一秒發送一次!

this.TimeNum =setTimeout(()=>{const req = await request({url:…….});//發送請求 },1000);

然后就是發送完成,清除定時器
clearTimeout(this.TimeNum);
wx:for的使用:

<navigator class="first_item" wx:for="{{goodsList}}" wx:for-index="index" wx:key="goods_id" url="/pages/goods_detail/goods_detail?goods_id={{item.goods_id}}"><!-- 左邊圖片容器 --><view class="good_img_wrap"><image mode="widthFix" src="{{item.goods_small_logo?item.goods_small_logo:'https://ww1.sinaimg.cn/large/007rAy9hgy1g24by9t530j30i20i2glm.jpg'}}"/></view><!-- 右邊商品容器 --><view class="good_info_wrap"><view class="good_name">{{item.goods_name}}</view><view class="good_price">¥ {{item.goods_price}}</view></view></navigator>

然后就是就是js里面的方法了

wx.request({url:"/goods/search"data: QueryParams,url:base_url+params.url,success:(result)=>{this.setData({// 拼接兩個數組goodsList:[...this.data.goodsList,...result.goods],totalPage:Math.ceil(result.total/this.QueryParams.pagesize)})},fail:(err)=>{console.log(err);},complete:()=>{ajaxTimes--;if(ajaxTimes===0){wx.hideLoading();}}

總結

以上是生活随笔為你收集整理的小程序防抖功能以及wx:for的使用的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。