微信小程序显示loading的两种方法

1、在js代码中直接控制

showLoading:function(){
    wx.showToast({
        title:'加载中', //设置标题
        duration:2000, //设置显示时间
        mask:true,//是否打开遮罩,默认不打开
        icon:'none'	//图标样式，none为无图标
    });
},
cancelLoading:function(){
     wx.hideToast();
}

wx.showLoading({
    title:'加载中',
    mask:true,//此时遮罩层起作用
})

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

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

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