微信小程序 loading 详解及实例代码

(编辑：jimmy 日期: 2026/5/3 浏览：3 次 )

微信小程序开发文档，相关文章：

微信小程序 action-sheet

微信小程序 modal

微信小程序 toast

微信小程序 loading

微信小程序 loading

属性名类型默认值说明 hidden Boolean false 是否隐藏

示例代码：

<view class="body-view">
 <loading hidden="{{hidden}}">
  加载中...
 </loading>
 <button type="default" bindtap="loadingTap">点击弹出loading</button>
</view>

Page({
 data: {
  hidden: true
 },
 loadingTap: function(){
  this.setData({
   hidden: false
  });
  var that = this;
  setTimeout(function(){
   that.setData({
    hidden: true
   });
   that.update();
  }, 3000);
 }
})

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

上一篇：jQuery模拟实现的select点击选择效果【附demo源码下载】
下一篇：微信小程序 toast 详解及实例代码