1. 程式人生 > >最簡單的方法實現小程式按鈕跳轉到指定介面

最簡單的方法實現小程式按鈕跳轉到指定介面

專案中遇到一問題,當A頁面用wx.navigateTo的方法跳轉到B頁面時,然後用同樣的辦法從B到C頁面,在C頁面時遇到問題:1.點選C頁面的某一按鈕直接返回A頁面?2.點選C頁面導航返回按鈕返回到A頁面?

湊合看,主要表述意思

問題1.點選C頁面的返回按鈕跳回A頁面的實現程式碼:

wx.navigateBack({
              delta:2
            })

問題2.點選C頁面的返回按鈕返回A頁面的實現程式碼:

onUnload: function () {
    wx.reLaunch({
      url: '../login/login'//跳轉返回頁面
    })
  }

關於問題2的實現,看網上有的人用很麻煩的方法先跳到B頁面然後在返回A頁面,使用者體驗效果一點都不好,其實官方文件都有對問題的答案,只是描述的不明確而已。

wx.navigateBack的介紹

和上面的搭配使用的wx.navigateBack

wx.redirectTo的使用

注意:關閉當前頁面,跳轉到應用內的某個頁面。呼叫 navigateTo 跳轉時,呼叫該方法的頁面會被加入堆疊,具有層級關係,而 redirectTo 方法則不會。因為這種層級關係,用navigateTo跳轉後,點選導航欄返回時只返回上一級。

wx.reLaunch的使用

注意:關閉所有頁面,開啟到應用內的某個頁面。因為跳轉時先關閉所有頁面,所以這種方法可以跳到任意頁面。

wx.switchTab的使用

注意:跳轉到 tabBar 頁面,並關閉其他所有非 tabBar 頁面。

文件方法寫的很清楚,有不明確的方法時,看文件,看文件,一定要注意基礎。

相關推薦

簡單方法實現程式按鈕指定介面

專案中遇到一問題,當A頁面用wx.navigateTo的方法跳轉到B頁面時,然後用同樣的辦法從B到C頁面,在C頁面時遇到問題:1.點選C頁面的某一按鈕直接返回A頁面?2.點選C頁面導航返回按鈕返回到A頁面? 湊合看,主要表述意思 問題1.點選C頁面的返回按

程式頁面方法

需求:從 index.wxml 頁面,跳轉到 log.wxml 頁面 方法一:WXML頁面實現 <navigator url = "/pages/log/log">跳轉到新頁面</navigator> <navigator url = "/pages/log

程式頁面傳參-this和that的區別-登入流程-下拉選單-實現畫布自適應各種手機尺寸

小程式頁面跳轉傳參 根目錄下的 app.json 檔案 頁面檔案的路徑、視窗表現、設定網路超時時間、設定多 tab { "pages": [ "pages/index/index", "pages/logs/index" ], "window":

微信程式頁面方法總結

微信小程式頁面跳轉目前有以下方法(不全面的歡迎補充): 1. 利用小程式提供的 API 跳轉: // 保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。 //

程式頁面的四種方法

小程式頁面跳轉的四種方法 1、wx.navigateTo({}) ,保留當前頁面,跳轉到應用內的某個頁面(下面是跳轉到test頁面的程式碼),然後從test頁面返回上一頁的時候使用 wx.navigateBack 返回; wx.navigateTo({ //

【IOS】簡單方法實現Cell文字高度自適應.

本教程適合新手. 系統:IOS7之後. 純文字高度. 血的教訓: 相信大家曾經為了實現cell的高度自適應,肯定少苦。那個時候,我是在我的資料模型model中新增一個height屬性,實現它的get方法,在get方法中計算需要多行顯示文字的高度,然後再加上其他亂七八糟的高度並返回,然

微信程式頁面傳值以及獲取值方法

在安卓中頁面跳轉傳值都是通過bundle,現在研究一下小程式的列表跳轉及頁面傳值。 my.wxml <view class="container"> <view bindt

程式webview頁面後沒有返回按鈕完美解決方案

隨著小程式越來越火爆,使一個產品如果只有公眾號H5頁面和APP顯得不怎麼完美,總感覺不搭上小程式這趟流量車,就會少了點什麼,心裡彆扭地很。在此驅動下,我所在公司也決定趕緊上車。 但是,如果要按照小程式的套路重新寫一份的話,又感覺付出的時間成本太大了,非常的不划算

程式最新功能調整

以下選自微信小程式官方文件調整說明: 調整具體措施如下: 1、需要使用者觸發跳轉 即日起,若使用者未點選小程式頁面任意位置,則開發者將無法呼叫 wx.navigateToMiniProgram 介面自動跳轉至其他小程式。 2、需要使用者確認跳轉 在跳轉至其他小

程式無法 Invoke event ToIndex in page的報錯

 Invoke event ToIndex in page: pages/login/login 頁面無法跳轉 1.app.json檔案中註冊檢查 2. 跳轉的url地址和目錄層級 3.跳轉到的頁面是非tabBar的頁面嗎?如果是tabBar頁面,那麼wx.navigat

微信程式 —— 路由傳遞引數

navigateTo, redirectTo 只能開啟非 tabBar 頁面。 switchTab 只能開啟 tabBar 頁面。 reLaunch 可以開啟任意頁面。 頁面底部的 tabBar 由頁面決定,即只要是定義為 t

微信程式-day03-註冊頁面、路由(微信程式頁面)、模組化

1.路由 wx.navigateTo    開啟新頁面 wx.redirectTo      頁面重定向 wx.switchTab      切換 Tab

微信程式相互

微信小程式相互跳轉 首先在微信小程式開發文件上在已經明確標註跳轉另一小程式的說明 廢話不多說上程式碼 首先從新版本更新以後要在app.js上配置navigateToMiniProgramAppIdList,級別和 tabBar同樣 "navigateToM

程式頁面、傳參及引數獲取

//wxml <text wx:for="{{titles}}" wx:key="{{index}}" bindtap='changeClassify' data-id="{{index}}">{{item.name}}</text> //js function cha

微信程式 頁面及資料傳遞詳解

微信小程式 頁面跳轉及資料傳遞詳解 類似 Android 的 Intent 傳值,微信小程式也一樣可以傳值: 例如:wxml 中寫了一個函式跳轉: ? 1 2 3 4 <view class="itemWeight" catchtap

三十七、程式頁面傳參引數值為url時引數丟失

當引數的值為url的時候,在options中的值沒有引數“?”之後字串被擷取。例如:let url="http://baidu.com/?a=1&b=2"wx.navigateTo({url: `detail?url=${url}`})可以使用encodeURIComponent():函式可把字串作為

程式頁面,資料傳遞,json字串物件並使用

小程式頁面跳轉,資料傳遞,json字串轉物件並使用 1.新建一個資料夾和page,隨便取名,我這裡是qrcontent,如下: 2.頁面跳轉並傳遞資料 index.js跳轉qrcontent.js,在index.js方法中新增程式碼: success: functi

從零開始學微信程式開發---5、程式頁面

我們接下來要實現的是:點選“按鈕”,跳轉到另一個頁面 如下圖,當我們點選“開啟小程式之旅”的時候,就會跳轉到news頁面                 首先我們將啟動頁放回pages配置項的第一項

微信程式navigator失效

在編寫小程式時遇到一個問題:使用 <navigator url='/pages/lists/index'>...</navigator>進行跳轉沒有反應。控制檯也沒有報錯,app.json頁也已經定義路徑。網友得出的結論是因為tabtar裡定義了一樣的路徑,導致其他地方不能重複使用。

微信程式可以公眾號啦!程式深夜又放大招了!

開發者在小程式內設定公眾號關注元件時,需小程式與公眾號主體一致。設定完成後,當用戶線下掃碼進入小程式時,就能便捷地關注公眾號,並獲取更好、更完整的服務了。 設定了關注公眾號功能的商家,無需在門店同