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

最新推荐文章于 2023-06-14 10:34:45 发布

weixin_34342207

最新推荐文章于 2023-06-14 10:34:45 发布

阅读量935

点赞数

原文链接：https://juejin.im/post/5a3201206fb9a0450c496c51

版权

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

<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  // 这样就隐藏了
  }
})
复制代码