小程序调用弹窗组件后，需要在页面其他组件操作弹窗显示时，和弹窗自身关闭的逻辑

主要介绍，小程序调用弹窗组件后，需要在页面其他组件操作弹窗显示时，和弹窗自身关闭的逻辑

我们一起看看首页的部分源代码

wxml页面的页面结构

<view class="page-home">
  <!-- 公共组件 - 需要调用弹窗显示隐藏的组件 -->
  <pageModel bind:showSubscribe="showSubscribe"></pageModel>
  <!-- 公共组件 - 预约提示弹窗 -->
  <popText popData="{
  {popData}}"></popText>
</view>

• 解读一下代码
  • 首先 我们需要在调用弹窗显示的组件上绑定一个方法 【showSubscribe】这个方法来自首页的js方法里面
  • 其次我们要给需要被控制显示隐藏的弹窗传一个显示隐藏的变量

js代码

/* 控制弹窗显示隐藏的变量 */
popData: {
   
  isShow: false
}