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

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

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

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

显示:

相关文章
|
JSON 小程序 JavaScript
微信小程序根据返回值判断状态
微信小程序根据返回值判断状态
92 0
|
JSON 小程序 JavaScript
小程序数据渲染根据返回值计算百分比并且显示
小程序数据渲染根据返回值计算百分比并且显示
58 0
|
小程序 JavaScript 开发者
微信小程序-强大的block标签
微信小程序可有意思了
1228 0
|
小程序
微信小程序 - text 标签头部有空白间距
微信小程序 - text 标签头部有空白间距
193 0
|
移动开发 缓存 JavaScript
微信h5跳转小程序wx-open-launch-weapp开放标签不显示(已解决)
微信h5跳转小程序wx-open-launch-weapp开放标签不显示(已解决)
2405 0
微信h5跳转小程序wx-open-launch-weapp开放标签不显示(已解决)
|
6月前
|
小程序 API 数据安全/隐私保护
微信小程序开发中的一些常用标签
这些标签是微信小程序开发中的基础,开发者可以根据需要组合使用这些标签来构建小程序的界面。每个标签都有其属性和事件,可以通过属性来调整组件的样式和行为,通过事件来响应用户的操作。
247 5
|
JSON 小程序 JavaScript
小程序根据返回值的int类型渲染不同的状态
小程序根据返回值的int类型渲染不同的状态
134 0
|
小程序 容器
小程序view标签内数字/字母显示不换行
小程序view标签内数字/字母显示不换行
472 0
|
JSON 小程序 前端开发
小程序根据返回值英文渲染出对应的中文
小程序根据返回值英文渲染出对应的中文
44 0
|
小程序 JavaScript
微信小程序插入视频video标签
微信小程序插入视频video标签
152 0