【微信小程序学习笔记】弹窗的两种姿势

1. 直接在代码里控制

   • 文档地址：
     https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-react.html?t=20161107#wxshowtoastobject

   • js

     showLoading:function(){
          wx.showToast({
           title: '加载中',
           icon: 'loading'
          });
       },
     cancelLoading:function(){
          wx.hideToast();
       }

     ​

2. 在wxml文件里布局弹窗，利用条件渲染，在js代码里控制是否显示

   • 文档地址:
     https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/list.html?t=20161107

   • wxml

     <view >
     <loading wx:if="{{showLoading}}">加载中</loading>
     </view>

   • js

     data: {
        showLoading:true
     },
     showLoading:function(){
       this.setData({
          showLoading:true
       })
     },
     cancelLoading:function(){
      this.setData({
          showLoading:false
     })

ITDogFire –弓长剑鸣