今天給各位分享微信小程序開發(fā)頁面跳轉(zhuǎn)有幾種的知識,其中也會對微信小程序開發(fā)點擊跳轉(zhuǎn)新的界面進行解釋,如果能碰巧解決你現(xiàn)在面臨的問題,別忘了關(guān)注本站,現(xiàn)在開始吧!
本文目錄一覽:
- 1、總結(jié)一下,微信小程序的幾種跳轉(zhuǎn)方式
- 2、taro 微信小程序:五種跳轉(zhuǎn)方式
- 3、微信小程序頁面常用的5種跳轉(zhuǎn)方法
總結(jié)一下,微信小程序的幾種跳轉(zhuǎn)方式
跳轉(zhuǎn)至另外一個頁面,不會把之前的頁面銷毀。但是帶有返回箭頭,點擊可以返回到上一頁,但是回到上一頁的時候不會重新刷新這一頁的數(shù)據(jù)。
跳轉(zhuǎn)至tabbar頁,當用戶點擊時,會跳轉(zhuǎn)到相應(yīng)的tabbar頁面,只能跳轉(zhuǎn)到tabbar頁面,其他頁面不支持。
跳轉(zhuǎn)至另一界面,與wx.navigateTo()不同的是wx.redirectTo()跳轉(zhuǎn)后的頁面沒有返回箭頭,如果需要返回需自定義返回按鈕。wx.redirectTo()和wx.navigateTo()各有各的好處,wx.redirectTo()在使用自定義按鈕返回上一層后之前頁面會進行刷新,而wx.naviagteTo()會保留之前界面??筛鶕?jù)產(chǎn)品需求進行選擇
關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個頁面.跟wx.redirectTo 一樣左上角不會出現(xiàn)返回箭頭.
返回的時候想要刷新數(shù)據(jù),將方法放在onShow()方法里面。
taro 微信小程序:五種跳轉(zhuǎn)方式
微信小程序用wx. xxx trao用taro.xxx
1.switchTab:只能跳轉(zhuǎn)到tabBar配置頁面(寫在app.json里tabbar的路徑url)
2.重定向:關(guān)閉當前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面(不能是app.json里tabbar的路徑)
3.保留當前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面(不能是app.json里tabbar的路徑),一般用于頁面之間的跳轉(zhuǎn)
4.關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個頁面,一般用于注冊頁面,切換賬號
5.返回上一級頁面(delta:返回的頁面數(shù),如果 delta 大于現(xiàn)有頁面數(shù),則返回到首頁,默認值為1)
微信小程序頁面常用的5種跳轉(zhuǎn)方法
為了不讓用戶在使用小程序時造成困擾,微信小程序規(guī)定頁面路徑只能是 五層 ,所以需盡量避免多層級的交互方式。 而頁面跳轉(zhuǎn)則涉及到多個頁面層級。
保留當前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面,使用wx.navigateBack可以返回到原頁面。
需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑 , 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔,參數(shù)鍵與參數(shù)值用=相連,不同參數(shù)用分隔;
如 ‘path?key=valuekey2=value2’
eg:
wx.navigateTo({
????url:’test?id=1′
})
這種跳轉(zhuǎn)方式默認有返回按鈕,返回到上一個頁面
關(guān)閉當前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面。
需要跳轉(zhuǎn)的應(yīng)用內(nèi)非 tabBar 的頁面的路徑,路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔,參數(shù)鍵與參數(shù)值用=相連,不同參數(shù)用分隔;
如 ‘path?key=valuekey2=value2’
eg:
wx.redirectTo({
????url:’test?id=1′
})
這種跳轉(zhuǎn)方式默認有返回按鈕,返回到上一個頁面的再上一層
需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁面路徑 , 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔,參數(shù)鍵與參數(shù)值用=相連,不同參數(shù)用分隔;
如 ‘path?key=valuekey2=value2’,如果跳轉(zhuǎn)的頁面路徑是 tabBar 頁面則不能帶參數(shù)
eg:
wx.reLaunch({
????url:’test?id=1′
})
這種跳轉(zhuǎn)方式默認沒有返回按鈕,不需要默認返回按鈕的頁面就可以使用這個api了
需要跳轉(zhuǎn)的 tabBar 頁面的路徑(需在 app.json 的? tabBar ?字段定義的頁面),路徑后不能帶參數(shù)
{
????“tabBar”: {
????????“list”: [{
????????????“pagePath”:”index”,
????????????“text”:”首頁”
????????},{
????????????“pagePath”:”other”,
????????????“text”:”其他”
????????}]
????}
}
wx.switchTab({
url:’/index’
})
我們需要調(diào)轉(zhuǎn)到tabbar定義的頁面的時候,就需要這個api了。踩過這個坑的人就知道,除了這個api,其他的都不能跳轉(zhuǎn)到tabar定義過的頁面
關(guān)閉當前頁面,返回上一頁面或多級頁面。可通過 getCurrentPages()) 獲取當前的頁面棧,決定需要返回幾層。
微信小程序開發(fā)頁面跳轉(zhuǎn)有幾種的介紹就聊到這里吧,感謝你花時間閱讀本站內(nèi)容,更多關(guān)于微信小程序開發(fā)點擊跳轉(zhuǎn)新的界面、微信小程序開發(fā)頁面跳轉(zhuǎn)有幾種的信息別忘了在本站進行查找喔。