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

Posted 2021-02-05 gidybzc

点击按钮，出现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 })