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

网络编程 2025/11/21 佚名

3 2 1

明霞山资源网 Design By www.htccd.com

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

微信小程序 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);
 }
})

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

微信小程序,loading,小程序,loading,微信,loading