郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

博彩评级专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

博彩评级提供网页素材下载、网站模板
这一切都是免费的!
当前位置:博彩评级 > 微信小程序开发 >

微信小程序弹出loading层的两种方法

来源:jquery插件 作者: 博彩评级 日期:2016-11-13 人气:
微信小程序弹出loading层的两种方法:直接在代码里控制,在wxml文件里布局弹窗loading层,利用条件渲染,在js代码里控制是否显示loading层。

本文地址:http://www.qqydc.com/xiaochengxu/111311I2016.html
文章摘要:微信小程序弹出loading层的两种方法,药膳背恩负义孙鹏,修罗局外形象。

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

直接在代码里控制

文档地址:http://www.qqydc.com/879/debug/wxadoc/dev/api/api-react.html?t=20161107#wxshowtoastobject

js代码

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

?

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

文档地址:http://www.qqydc.com/805/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
})
本文链接:微信小程序弹出loading层的两种方法http://www.qqydc.com/xiaochengxu/111311I2016.html

微信小程序弹出loading层的两种方法由博彩评级收集整理,您可以自由传播,请主动带上本文链接

博彩评级就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

(责任编辑:博彩评级)