小程序加载中提示实现

Posted 2020-11-20 God is Love

微信小程序弹出loading层的两种方法：直接在代码里控制，在wxml文件里布局弹窗loading层，利用条件渲染，在js代码里控制是否显示loading层。

方法一：

<loading hidden="{{loadingHidden}}">

加载中...

</loading>

 

this.setData({

loadingHidden: false

})

 

方法二：

showLoading:function(){

wx.showToast({

title: \'加载中\',

icon: \'loading\'

});

},

cancelLoading:function(){

wx.hideToast();

}

 

尽量在loading时候加上 遮罩层

 

文章来源：刘俊涛的博客

地址：http://www.cnblogs.com/lovebing

欢迎关注，有问题一起学习欢迎留言、评论。