小程序点击多个指定地方都能关闭弹框

比如在popupDom和text这里都需要关闭当前这个弹框可以给他们定义一个一样的事件data-target="self" catchtap='hideBaitiaoView'

index.wxml

<!-- 白条弹框 -->
<view class='popupDom' hidden='{{hideBaitiao}}' data-target="self" catchtap='hideBaitiaoView'><view class='pop_main'><view class='pop_header'>打白条购买<text catchtap='hideBaitiaoView' data-target="self">x</text></view></view>
</view>

index.js

// components/IOU/index.js
Component({/*** 组件的属性列表*/properties: {hideBaitiao: { // 是否隐藏白条的遮罩type: Boolean,value: true}},/*** 组件的初始数据*/data: {selectIndex: 0 // 选中的下标},/*** 组件的方法列表*/methods: {hideBaitiaoView: function (e) { // 隐藏白条弹框
//需求点击多个指定的地方;关闭白条弹框,我在指定的地主用了data-target="self"这边用这判断就可以if (e.target.dataset.target == 'self')this.setData({hideBaitiao: true})},}
})

小程序点击多个指定地方都能关闭弹框相关推荐

微信小程序点击按钮分享指定页面
微信小程序点击按钮分享指定页面 1.在wxml里写所要点击的按钮 <button data-info='{{order}}' open-type="share" hover- ...
微信小程序——获取微信昵称、头像、地区及性别弹框（官方自带）
.wxml 文件 <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInf ...
微信小程序点击更改样式-点击获得下划线
微信小程序点击更改样式-点击获得下划线 <view class="container"> <scroll-view class='headerBox' scrol ...
微信小程序点击弹出输入框
微信小程序点击弹出输入框第一次写博客,我决定不要太old school. let's get it!最近在学习微信开发,刚接触到微信小程序,自己尝试着做了一个简单的小程序,过程中发现类似web开发中 ...
vue、uniapp 小程序点击事件禁止多次点击方法封装
vue.uniapp 小程序点击事件禁止多次点击方法封装在写uniapp 小程序时发现个bug,疯狂点击按钮第一点击事件还没执行完就疯狂多次调用该事件,很是影响用户体验以及消耗性能,所以这里我封装个 ...
微信小程序点击页面tab栏切换
微信小程序点击页面tab栏切换 wxml <view class="container"><view class="swiper-tab"&g ...
wxss 点击样式_微信小程序点击控件修改样式实例详解
微信小程序点击控件修改样式实例详解现在要在微信小程序中实现点击控件修改样式,如下: 微信小程序中不支持直接操作dom,要实现这种效果,我们需要通过设置data,然后利用数据和界面的双向绑定来实现它. ...
小程序点击地图气泡获取气泡_气泡上的气泡
小程序点击地图气泡获取气泡 Combining two colors that are two steps apart on the Color Wheel creates a Diad Color ...
小程序点击显示隐藏（点击标题，内容显示，再次点击隐藏，同时切换箭头的状态，且默认第一组的内容显示）
哈喽,大家下午好,时间过的真快,转眼啊又好长时间没写博客啦,嘿嘿最近公司比较忙,手上一直有项目需要处理,现在终于空闲了一点,赶快来一篇呀,嘿嘿~ 最近我一直在做小程序的项目,其中值得一提的是项目中有一 ...

小程序点击多个指定地方都能关闭弹框

小程序点击多个指定地方都能关闭弹框相关推荐

最新文章

热门文章