99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

訂閱本欄目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app跨端開發(fā)微信小程序時頁面棧超過10層時小程序像卡死一樣假性不能點(diǎn)擊無法跳轉(zhuǎn)的解決方案

2021/1/5 20:10:06 字體: 瀏覽 4509

制作的小程序當(dāng)點(diǎn)擊彈出層超過10層時就會在頁面怎么點(diǎn)也沒有反應(yīng)效果,就像手機(jī)卡死一樣。(我一開始以為寫的程序有死循環(huán)卡死了,怎么也檢查不出來)


但是微信小程序中有特別說明:https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html
wx.navigateTo(Object object)
保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。但是不能跳到 tabbar 頁面。
使用 wx.navigateBack 可以返回到原頁面。小程序中頁面棧最多十層。


如何查看頁面棧數(shù)量
如果你用navigateTo做鏈接跳轉(zhuǎn),就會很快的成為10層以上。所以使用時一定要注意。
redirectTo、navigateBack、switchTab、reLaunch 這四個的使用環(huán)境是不一樣的。
通過執(zhí)行g(shù)etCurrentPages()這個函數(shù)可以查看當(dāng)前小程序中頁面棧的數(shù)量。


最后參考了資料與別人的想法。
封裝一個名叫l(wèi)inkJump的方法,然后頁面上的鏈接跳轉(zhuǎn)時全部要通過這個方法。這也就意味著:之前頁面上使用<navigator>標(biāo)簽跳轉(zhuǎn)的地方要全部換成js事件,否則就無法走linkJump方法了


/* url: 要跳轉(zhuǎn)的鏈接,例如:pages/find/index?id=15 */
/* callback: 回調(diào)方法,做些特殊的事情 */
function linkJump ({ url, callback }) {
  if (!url) { return }
  let newUrl = url
  if (url[0] === '/') { /* 過濾首位的/ */
    newUrl = url.substring(1)
  }
  const pathname = newUrl.split('?')[0]
  const tabBarUrl = ['pages/index/index', 'pages/find/index', 'pages/user/index', 'pages/cart/index'] /* Tab頁中的路徑,請根據(jù)自己項(xiàng)目實(shí)際情況進(jìn)行修改 */
  const page = getCurrentPages()
  const index = page.findIndex(item => item.route === pathname)
  /* 如果是Tab中的鏈接,直接跳轉(zhuǎn) */
  if (tabBarUrl.includes(pathname)) {
    uni.switchTab({
      url: url,
      success: () => {
        callback && callback()
      }
    })
    return
  }
  if (index !== -1) { /* 在頁面棧中找到時 */
    const step = page.length - 1 - index
    if (step === 0) {
      uni.redirectTo({
        url: url,
        success: () => {
          callback && callback()
        }
      })
    } else {
      callback && callback()
      uni.navigateBack({ delta: step })
    }
    return
  }
  /* 否則就直接跳轉(zhuǎn) */
  uni.navigateTo({
    url: url,
    success: () => {
      callback && callback()
    }
  })
}




//使用方式
linkJump({
  url: '/pages/merchant/info?id=' + this.locationId + '&current=0', /* 商家信息頁的url */
  callback: () => {
    this.$store.commit('setLinkJumpInfo', { location_id: this.locationId, current: 0 }) /* vuex中保存信息,用于在info頁面接收并做出相應(yīng)的處理。除此之外,還可以使用微信小程序自身的存儲功能,比如:wx.getStorage() */
  }
})



源碼地址:https://github.com/yilingsj/uni-app-demo/tree/dev-pagestack-20201002
網(wǎng)上參考地址:http://www.yilingsj.com/xwzj/2020-10-02/uni-app-pagestack.html

相關(guān)閱讀
微信公眾號回復(fù)文本消息或用客服接口推送文本消息
網(wǎng)站策劃:網(wǎng)站欄目和頁面的策劃
一些平時用到HTML的過濾
模板自由切換
access數(shù)據(jù)庫做的網(wǎng)站出現(xiàn).ldb不能刪除超過2KB之后就會網(wǎng)站訪問不了數(shù)據(jù)庫,提示數(shù)據(jù)庫不存在
簽證系統(tǒng)
微信小程序客服會話只能過button讓用戶主動觸發(fā)
asp正則替換內(nèi)容里的CSS樣式
共有0條關(guān)于《uni-app跨端開發(fā)微信小程序時頁面棧超過10層時小程序像卡死一樣假性不能點(diǎn)擊無法跳轉(zhuǎn)的解決方案》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱:
表 情:
內(nèi) 容:
評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼: 驗(yàn)證碼 
網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇
百度小程序開發(fā)
微信小程序開發(fā)
微信公眾號開發(fā)
uni-app
asp函數(shù)庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
uni-app開發(fā)表單input組件的一些規(guī)則說明自己預(yù)留使用
uni-app:使用uni.downloadFile下載word或pdf文件并保存到手機(jī)
小程序中利用addPhoneContact將聯(lián)系人的信息添加到手機(jī)通訊錄支持保存聯(lián)系人頭像
微信小程序打開客服提示:該小程序提供的服務(wù)出現(xiàn)故障,請稍后重試
微信小程序客服會話只能過button讓用戶主動觸發(fā)
uni-app開發(fā)微信小程序使用button的open-type為contact調(diào)用微信客服不能用view或者js調(diào)用
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車帝小程序
javascript獲取瀏覽器指紋可以用來做投票
火狐Mozilla Firefox出現(xiàn):無法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無法訪問 問題解決集合處理辦法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機(jī)抽取信息
雙擊文字后實(shí)現(xiàn)編輯文本功能
微信小程序發(fā)送給朋友與分享到朋友圈顯示灰色的但是按鈕分享可以使用
flash利用as調(diào)用執(zhí)行外部設(shè)置的exe文件
四川省旅者旅行社有限公司總部
記錄滾動條位置
網(wǎng)頁頁面變灰,網(wǎng)頁變成黑白色
主站蜘蛛池模板: 欧美一区永久视频免费观看 | 免费一级视频在线观看 | 无码日韩精品一区二区免费 | 国产在线第一页 | 欧美日韩精品免费 | 成人免费毛片aaaaaa片 | 国产不卡免费视频 | 午夜精品影院 | 欧美午夜一区二区三区免费大片 | 午夜寂寞少妇aaa片毛片 | 免费的污网站 | 精品www | 99在线视频播放 | av国产精品 | 国产综合亚洲精品一区二 | 国产区在线观看 | 欧美综合一区二区三区 | 91网站免费 | 欧美一级片在线 | 欧美视频免费 | 欧美午夜精品久久久久久人妖 | yw193.com尤物在线 | 香蕉久久久 | 久久综合久久综合久久 | 婷婷精品久久久久久久久久不卡 | 成人精品在线 | 日韩欧美国产一区二区 | 午夜久久久| 免费av一区二区三区 | 欧美精品 在线观看 | 欧美国产日韩精品 | 超级碰在线观看 | 亚洲专区欧美 | 精品一区二区不卡 | 日韩三级| 影音先锋网址 | 91视频8mav | 五月婷婷狠狠爱 | 国产精品久久久久久亚洲调教 | 成人黄网视频在线观看 | 欧美在线小视频 |