小程序实现显示与隐藏

        有时候觉得显示隐藏不难,但总是有一些挖好的坑等着我们跳,显示隐藏有很多种方法可以实现,下面介绍几个。(show是boolean变量,通过判断show来显示隐藏)

方式一:通过点击传参方式实现

        将true和false通过deliverTip事件传递,切记data-del传入的是字符串,我们需要在方法中判断后,再给show赋值true或false,不可直接复制给show变量

方式二:点击采用不同事件,改变show值

方式三:通过wxss实现

将wx:if={{show}}改成class="{{show?'del_box':'hide_box'}}",以样式形式控制显示和隐藏

del_box:{display:block}

hide_box:{display:none}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容