微信小程序点击显示隐藏

实现点击列表显示当前列表的明细

思路:

1、根据列表当前项id查询对应明细

2、实现点击当前列表显示当前明细 

(1) 

 let sh = that.data.show;  

 let itemId = e.currentTarget.dataset.detailid;   

 that.setData({   

   getCarDetails: []   

 })  

  if (sh == itemId) {    

   that.setData({ 

       show: false,  

    })    } 

   else { 

     that.setData({    

    show: itemId,   

   }) 

   / / 明细请求

(2)

class设置show或hidden:<view wx:if="{{show == item.detailId}}" class='current {{show==item.detailId?"show":"hidden"}}'></view>

注意:此处若不设置wx:if会出现覆盖现象,原因是上次显示内容未被销毁

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容