小程序的按钮防止重复点击

小程序防止重复点击

 

 

 

1、js中设置变量  buttonClickedPreLesson: false,

2、wxml中catchtap="{{!buttonClickedPreLesson?'addLessonPreparation':''}}"

3、

  this.setData({

      buttonClickedPreLesson: true,// 设置成被点击

    });

    wx.navigateTo({

      url: '/subPackage/pages/prelesson/addMember',

      events: {

        // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据

        acceptDataFromOpenedPage: function (data) {

          // console.log("buttonClickedPreLesson=",data.buttonClickedPreLesson);

          that.setData({

            buttonClickedPreLesson:data.buttonClickedPreLesson

          });// 设置点击完

        }

      },

    });

 

 

5、

跳转过去的页面的onload 中设置

 eventChannel.emit('acceptDataFromOpenedPage', {buttonClickedPreLesson: false});

注意：基础库2.7.7