1.聲明式跳轉(zhuǎn)(標(biāo)簽控制跳轉(zhuǎn))
????????navigator 標(biāo)簽
????????屬性:
????????????????url:要跳轉(zhuǎn)的路徑(可以使用相對(duì)路徑,也可以使用絕對(duì)路徑)
????????????????open-type:跳轉(zhuǎn)方式。默認(rèn)值為 navigat ,不能跳轉(zhuǎn)至tabBar頁面。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 當(dāng)值為??switchTab? 時(shí),可跳轉(zhuǎn)至tabBat頁面。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 當(dāng)值為??navigateBack? 時(shí),點(diǎn)擊可返回原頁面。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 注:小程序跳轉(zhuǎn)時(shí)嚴(yán)格區(qū)分tabBar頁面與非tabBar頁面。
? ? ? ? ? ? ? ? 代碼演示:<navigator open-type=" " url=" ">跳轉(zhuǎn)</navigator>
2.編程式跳轉(zhuǎn)(js控制跳轉(zhuǎn))
????????wx.reLaunch 方法:關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個(gè)頁面。
? ? ? ? 參數(shù):
? ? ? ? ? ? ? ? url:要跳轉(zhuǎn)的路徑。
? ? ? ? 代碼演示:wx.reLaunch({
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? url:" ",
? ? ? ? ? ? ? ? ? ? ? ? ? })
????????
????????wx.redirectTo 方法:關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面。但是不允許跳轉(zhuǎn)到 tabbar ?????????????????????????????????????????頁面。
? ? ? ? 參數(shù):
? ? ? ? ? ? ? ? url:要跳轉(zhuǎn)的路徑。
????????代碼演示:wx.redirectTo({
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? url:" ",
? ? ? ? ? ? ? ? ? ? ? ? ? })
3.跳轉(zhuǎn)傳參
? ? ? ? 傳參:
? ? ? ? ? ? ? ? 在路徑后面寫上?后面寫上要傳的參數(shù)。傳遞多個(gè)之間使用&隔開
? ? ? ? ? ? ? ? 代碼演示:
? ? ? ? ? ? ? ? ? ? ? ?
page({
data:{
name:"張三",
sex:"男",
age:22,
},
skip(){
wx.redirectTo({
url:"../index/index?name="+this.data.name"&sex="+this.data.sex"&age="+this.data.age
})
},
})
? ? ? ? 接收:
? ? ? ? ? ? ? ? 在跳轉(zhuǎn)后頁面的js文件的 onLoad 中接收。
? ? ? ? ? ? ? ? 代碼演示:文章來源:http://www.zghlxwxcb.cn/news/detail-487817.html
page({
onLoad(options) {
console.log(options);
// options 就是傳遞過來的值
},
})
????????????????文章來源地址http://www.zghlxwxcb.cn/news/detail-487817.html
到了這里,關(guān)于微信小程序常用路由跳轉(zhuǎn)方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!