微信小程序弹出loading层的两种方法:直接在代码里控制,在wxml文件里布局弹窗loading层,利用条件渲染,在js代码里控制是否显示loading层。
微信小程序弹出loading层的两种方法:直接在代码里控制,在wxml文件里布局弹窗loading层,利用条件渲染,在js代码里控制是否显示loading层。
直接在代码里控制
文档地址: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();
}
在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
})