美文网首页小程序
小程序js控制图片属性隐藏

小程序js控制图片属性隐藏

作者: 祈澈菇凉 | 来源:发表于2019-01-14 10:13 被阅读403次

    需求:
    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后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq群聊来问我:473819131.

    相关文章

      网友评论

        本文标题:小程序js控制图片属性隐藏

        本文链接:https://www.haomeiwen.com/subject/fubalqtx.html