第一种方式: 直接在代码里控制
js代码
showLoading:function(){
wx.showToast({
title: '加载中',
icon: 'loading'
});
},
cancelLoading:function(){
wx.hideToast();
}
第二种: 在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
})