小程序开发中实现loading加载的方法

       相信大家都遇到过这种情况,我们在访问一个页面时遇到网络不佳的情况下,会出现一个loading或者加载中的等待状态。这是为了消除用户的等待心理,从而提高用户体验的一种做法。这种做法不仅在网站中会出现,在南昌小程序开发中也是经常用到。那么接下来小编主要想为大家介绍一下关于小程序开发中弹出loading层的几种方法,希望对大家有所帮助!

       一、直接在代码里控制

       js代码

       showLoading:function(){

               wx.showToast({

                title: '加载中',

               icon: 'loading'

               });

            },

       cancelLoading:function(){

               wx.hideToast();

            }

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

       wxml代码

小程序开发中实现loading加载的方法

   

       js代码

       data: {

             showLoading:true

       },

       showLoading:function(){

            this.setData({

               showLoading:true

            })

         },

       cancelLoading:function(){

           this.setData({

               showLoading:false

       })

       关于南昌微信开发中弹出loading层的方法就先介绍到这里,如果还有哪些不明白的地方,可随时来电咨询。

提供全面的搜索引擎优化学习交流,专注网站优化和搜索引擎营销推广服务。用专业的SEO技术为企业网站提升关键词排名,让你的网站不仅满足用户体验还要适合搜索引擎优化规则。
易速网站优化公司 » 小程序开发中实现loading加载的方法
享更多特权,立即登录下载海量资源
喜欢我嘛?喜欢就按“ctrl+D”收藏我吧!♡