小程序点击遮罩层隐藏点击内容不隐藏

遮罩层会出现当想点击遮罩的暗处时隐藏,可是点击内容也会隐藏,只要在最外层添加标识就可以区分遮罩层和弹出的内容了.

//data-ref='self'重点
<view wx:if="{{show}}" class="classType" data-ref='self' bindtap="hide">
<view class="cont">弹出的内容</view>
</view>

  //点击遮罩层后面空白处隐藏
    hide:function(e){
        var self=e.target.dataset.ref;
        if(self=='self'){
            this.setData({
                show:false//遮罩层隐藏
            })
        }    
    },