小程序实现显示与隐藏

        有时候觉得显示隐藏不难,但总是有一些挖好的坑等着我们跳,显示隐藏有很多种方法可以实现,下面介绍几个。(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}

你可能感兴趣的:(小程序实现显示与隐藏)