小順序開闢之路（二）

2023年1月11日 140次阅读 来源: miomiomio

小順序，我來啦

1.操縱數組數據完成數據面板壓縮睜開（自創網上已有的）
舉個簡樸的例子，有一個對象數組，數組的每一個都須要一個標識推斷元素在遍用時是不是顯現，能夠理解為列表睜開面板，點擊item就睜開或許收起。我在開闢中遇到過，背景返回的數據是沒有標識字段的，具體步驟以下：

  • 1.從背景獲取到數組，前端遍歷增加標識字段

    for (var i in res.data.pd) {
    res.data.pd[i].flag = false; // 航班列表增加新屬性
}
that.setData({
    flightList: res.data.pd
})

  • 2.wxml文件中，輪迴數據時給定item唯一標識

    <view bindtap="goDetail" data-numid="{{index}}">

  • 3.item點擊事宜中，單步操縱數組中的標識屬性

    goDetail: function (e) {
   var numid = e.currentTarget.dataset.numid,
        key = "flightList[" + numid + "].flag",
        val = this.data.flightList[numid].flag;
    //不曉得為何sf就是不給我顯現這個代碼
    //this.setData({
    //    [key]: !val
    //});
}
  • 學過js的都曉得，[key]等同於.key吧，記着沒有引號！！！

2.背景圖background

  • 小順序不支撐當地圖片作為背景圖，也就是日常平凡我們的background:url(‘../img/a.png’)如許的寫法
  • 僅支撐網絡地址，base64花樣圖片
  • 解決辦法：運用上面提到的途徑，或許運用image定位完成響應的結果
    原文作者：miomiomio
    原文地址: https://segmentfault.com/a/1190000015407503
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞