微信小程序點擊跳轉 延遲導致雙擊加載兩次網頁的問題

問題描述:

  • 微信小程序wx.navigateTo 跳轉有次數限制,所以需要結合wx.navigateBack使用。
  • 小程序中,點擊跳轉有時候會出現延遲,次數用戶如果連續點擊兩次,則下一頁面會加載兩次,即入棧兩次,導致返回出現問題。

解決方法:

  • 設置全局變量 canClick = true
  • 在每次點擊之前判斷canClick,爲true可跳轉,爲false不執行
  • 每次點擊跳轉,將canClick設置爲false
  • 每次頁面加載進入後,將canClick設置爲true

具體代碼
// app.js

App({
	globalData: {
    	canClick: true
  	},
  	idClicked: function (flag) {
	    let that = this;
	    that.globalData.canClick= flag;
	 }
})

// 具體頁面js

var app = getApp();

Page({
	onShow: function () {
		app.doubleClick(true);
	},
	go(e) {
	    if (app.globalData.doubleClick) {
      		app.doubleClick(false);
      		let path = ''
      		path = e.currentTarget.dataset.path
      		console.log(path)
     		wx.navigateTo({
        		url: path
      		})
    	}
  	}
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章