小程序js控制图片出现和隐藏

需求:
1:进入小程序的时候,如果没有绑定,没有授权等,就不展示后端的数据,展示一些类似于“空空如也”的图片或者提示
2:如果授权或者绑定数据,则战死具体的列表数据

部分代码:

wxml

 <view class='back'>
    <image class='img' src="{{back}}"></image>
</view> 

js

  data: {
    back: "/img/back.gif",
  },

判断返回结果,如果有返回字段数据,清空初始化的图片,显示数据。

  getCars: function (e) {
    var that = this;
    //查询绑定车辆数据
    wx.request({
      url: app.globalData.root + "car.do",
      data: {
        "openid": e
      },
      method: 'GET',
      header: {
        'Content-type': 'application/json'
      },
      success: function (res) {
        that.setData({
          carList: res.data,
        })
        if (res.data.length > 0) {
          that.setData({
            back: ""
          })
        }
      }
    });
  },

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见。

  • 关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源200G干货大全。

猜你喜欢

转载自blog.csdn.net/qq_38822390/article/details/86494375