小程序根据返回值是否为空判断标签是否显示

王小婷

发布于 2025-05-19 11:51:11

8300

代码可运行

文章被收录于专栏：编程微刊编程微刊

运行总次数：0

代码可运行

如果为空，则不显示奖励这两个字的标签

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": ""
        }
    ]
}