當(dāng)前位置:首頁 > IT技術(shù) > 微信平臺 > 正文

小程序根據(jù)返回值是否為空判斷標簽是否顯示
2021-07-28 15:27:29

如果為空,則不顯示獎勵這兩個字的標簽

wxml

<view class="cu-item" wx:for="{{allSignList}}" wx:key="index">
  <view class="content">
    <view wx:if="{{item.taskReward}}">獎勵:{{item.taskReward}}</view>
  </view>
</view>

js

Page({
  data: {
    allSignList: []
  },
  onLoad: function (options) {
    wx.request({
      url: 'http://www.xxx.com/1.json',
      header: {
        'content-type': 'application/json'
      },
      success: res => {
        this.setData({
           allSignList:res.data.data
        })
      }
    })
  },
})

json

{
    "msg": "操作成功",
    "code": "0000",
    "data": [
        {
            "taskId": 1,            
            "taskReward": "獎勵一個小星星"
        },
        {
            "taskId": 2,
            "taskReward": "獎勵一塊糖"
        },
        {
            "taskId": 3,           
            "taskReward": ""
        }
    ]
}

顯示:

小程序根據(jù)返回值是否為空判斷標簽是否顯示_vue

本文摘自 :https://blog.51cto.com/u

開通會員,享受整站包年服務(wù)立即開通 >