微信小程序如何动态显示隐藏 class

630 阅读1分钟

视图代码,使用变量控制隐藏类名

<view class='active{{isActive}}'></view>

逻辑层

data:{
isActive:false  // 这样就隐藏了
}

当数据请求失败的时候
wx.request({
  url: 'test.php', // 仅为示例,并非真实的接口地址
  data: {
     x: '' ,
     y: ''
  },
  header: {
      'content-type': 'application/json' // 默认值
  },
  success: function(res) {
    console.log(res.data)
  }
})

  fail: function() {
   isActive:false  // 这样就隐藏了
  }
})