设置button的loading属性，同时使用定时器

点击按钮，出现loading状态，两秒后取消loading：

1 <!-- 设置button的loading属性 -->
2 <button loading="{{loading}}" bindtap="tap">操作</button>
 1 Page({
 2 
 3   data: {
 4     loading: false
 5   },
 6 
 7   tap: function() {
 8 
 9     // 把按钮的loading状态显示出来
10     this.setData({
11       loading: true
12     });
13 
14     var _this = this;
15     // 接着做耗时的操作...
16 
17     //设置两秒后取消loading状态
18     setTimeout(function() {
19       // console.log("延迟调用============");
20       _this.setData({
21         loading: false
22       });
23     }, 2000);
24   }
25 })

 

posted @ 2019-01-21 22:20  会飞的卡卡  阅读(3611)  评论(0)  编辑  收藏  举报