小程序 弹出框

WXML

 <!-- 绝大部分标签都支持 hidden属性  表示是否隐藏 可以成display:none -->

    <view class="model" hidden="{{!showModal}}">

        <view >弹窗内容

         <button bindtap="closeModal">关闭弹窗</button>

        </view>

    </view>

    <button bindtap="openModal">打开弹框</button>

js

openModal(){

      this.setData({

        showModal:true

      })

    },

    toggleModal(){

      this.setData({

        showModal:!this.data.showModal

      })

    },

    // showModal(){

    //   this.setData({

    //     showModal:false

    //   })

    // },

    closeModal(){

      this.setData({

        showModal:false

      }) 

    }