Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >小程序根据返回值是否为空判断标签是否显示

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

作者头像
王小婷
发布于 2020-12-28 06:33:59
发布于 2020-12-28 06:33:59
2.9K00
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

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

wxml

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<view class="cu-item" wx:for="{{allSignList}}" wx:key="index">
  <view class="content">
    <view wx:if="{{item.taskReward}}">奖励:{{item.taskReward}}</view>
  </view>
</view>

js

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
    "msg": "操作成功",
    "code": "0000",
    "data": [
        {
            "taskId": 1,            
            "taskReward": "奖励一个小星星"
        },
        {
            "taskId": 2,
            "taskReward": "奖励一块糖"
        },
        {
            "taskId": 3,           
            "taskReward": ""
        }
    ]
}

显示:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
小程序根据返回值英文渲染出对应的中文
需求:后端返回值为英文,在渲染的时候,将英文所对应的中文意识渲染到前端页面。然后每种不同的状态渲染完之后给到不同的颜色进行区分。
王小婷
2020/10/23
8240
小程序返回的时间戳转化成时间
2:准备好json数据,并且将json数据放在服务器上,可以通过域名来访问数据,这样会方便一点,也可以直接把json数据放在本地引用。 json
王小婷
2020/10/23
1.5K0
小程序根据返回值的int类型渲染不同的状态
需求:返回值里面有 0,1,2,3,4 分别代表面试,开会,拜访顾客,项目实施,其他这5中类型,需要将获取到的0,1,2,3,4渲染到页面上,分别显示所对应的类型状态面试,开会,拜访顾客,项目实施,其他。
王小婷
2021/06/22
1.9K0
小程序根据返回值的int类型渲染不同的状态
小程序数据渲染根据返回值计算百分比并且显示
wxml: <view >{{ precent + '%'}}</view> <text >{{welfare_list.welfareDO.haveForestCoin}}/{{welfare_list.welfareDO.forestCoin}}森林币</text> js Page({ data: { welfare_list: [], welfareDO: {}, }, onLoad() { this.getWelfareList() }, getWel
王小婷
2020/10/23
9190
小程序调用天气接口并且渲染在页面
五分钟上手-微信小程序组件库 iView Weapp https://www.jianshu.com/p/09b4515152ff
王小婷
2019/06/22
1.4K0
微信小程序 wx:if wx:elif wx:else 多条件判断
wxml <view class="successlist"> <span>来访理由</span> <span wx:if="{{list.visitCause==0}}"> 面试</span> <span wx:elif="{{list.visitCause==1}}"> 开会</span> <span wx:elif="{{list.visitCause==2}}"> 拜访顾客</span> <span wx:elif="{{list.visitCause==3}}"> 项目实施</span> <vie
王小婷
2021/07/23
2.1K0
小程序读取几种不同格式json数据(小程序json解析)
1:解析这个json:http://www.intmote.com/myproject/test/new_file.json
王小婷
2019/01/28
8.5K1
小程序读取几种不同格式json数据(小程序json解析)
小程序调用新闻接口实现列表循环
今天我又来调接口了,调用天气接口,音乐接口,新闻接口,图片接口,调完之后瞬间又觉得自己心情美美哒了,哈哈哈。
王小婷
2019/07/03
1.8K0
小程序调用新闻接口实现列表循环
没有基础也能写个小程序
微信小程序自从发布以来就占据着超高的话题热度,一直以来都想开发一款自己的小程序,但苦于不懂前端迟迟没有开始。偶然发现了ColorUI这个开源的小程序组件库,界面好看且提供Demo,心中狂喜马上动手
37丫37
2019/03/18
7050
没有基础也能写个小程序
微信小程序根据返回值判断状态
json { "msg": "查询成功", "total": 25, "code": 1, "rows": [{ "id": 29, "subscribeTime": "2021-06-17 18:00:00", "name": "12", "sex": 1, "idNumber": "45", "phone": "34", "interviewee": "67",
王小婷
2021/06/29
1.2K0
微信小程序入门《二》实例:条件渲染、数据遍历、网络请求、获取本地图片
实例内容 条件渲染 数据遍历 网络请求 获取本地图片 实例一: 条件渲染 如果motto为Hello World,则输出你好世界,否则原样输出。 这里是分支条件判断,直接在视图文件里修改,修改inde
极乐君
2018/02/05
1.8K0
微信小程序入门《二》实例:条件渲染、数据遍历、网络请求、获取本地图片
微信小程序 开发笔记
参考:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html
yiyun
2022/04/01
5200
微信小程序 开发笔记
打造新闻阅读微信小程序:从列表展示到实用功能一应俱全
微信小程序作为一个轻量级的应用平台,为用户提供了便捷的信息获取和服务体验。本文将以一个新闻阅读类的微信小程序为例,详细介绍如何实现新闻列表展示、图片加载、Tab滑动切换、获取数据、处理图片加载失败、数据缓存、分页加载、错误处理、下拉刷新、列表项点击跳转、用户授权、搜索功能、图片预览和小程序分享等功能。跟随本文的步骤,你将轻松掌握微信小程序的开发技巧,为用户打造一款实用且美观的新闻阅读应用。
陆业聪
2024/07/23
3880
打造新闻阅读微信小程序:从列表展示到实用功能一应俱全
微信小程序 this.setData(微信小程序setstorage)
##Page.prototype.setData(Object data, Function callback) setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步)。 参数说明:
全栈程序员站长
2022/08/02
26.4K0
微信小程序 this.setData(微信小程序setstorage)
微信小程序picker选择器渲染json数据
json数据 { "msg": "查询成功", "code": 1, "data": [{ "id": 1413, "organName": "广西化工有限公司" }, { "id": 1414, "organName": "安全环保部" }, { "id": 1415, "organName": "综合管理部" }, { "id": 1416,
王小婷
2021/06/29
1.2K0
微信小程序新闻信息列表展示
微信小程序信息展示列表 效果展示 wxml <!-- 轮播图 --> <view class='haibao' bindtap="seeDetail" id="{{item.activityCon
达达前端
2019/07/03
3K0
微信小程序新闻信息列表展示
微信小程序实战–集阅读与电影于一体的小程序项目(五)
21.电影页面数据绑定 movies.js var app = getApp(); Page({ data: { inTheaters: {}, comingSoon: {}, top250: {}, }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var baseUrl = app.globalData.g_baseUrl; var inTheatersUrl = base
zhang_derek
2018/08/30
7050
微信小程序实战–集阅读与电影于一体的小程序项目(五)
小程序笔记篇
豆瓣top250的数据https://api.douban.com/v2/movie/top250
达达前端
2019/07/03
6440
小程序笔记篇
小程序数据请求接口数据渲染界面
这种免费的接口网上有很多,但是基本都不太稳定,过了一段时间都没有办法技术使用,基本都会挂,所以啊,一定要选择官方文档里面给的接口,我这里找的是uniapp框架里面的某一个接口,应该能撑几年。
王小婷
2020/11/26
1.3K0
通过SCF做一个性格测试的小程序
十一在家期间,我看了九型人格这本书,觉得很不错,想要做一下测试,测试的时候就是去网上搜了一下相关的测试,就开始了。但是转念一想,能不能做一个专门测试的小程序,里面可以增加各种各样的测试题目?于是,“国庆没去旅游的我”就开始了基于SCF的测试小程序的编写。
None-xiaomi
2019/10/08
2.8K1
推荐阅读
相关推荐
小程序根据返回值英文渲染出对应的中文
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验