微信小程序 跳轉(zhuǎn)方式總結(jié)
更新時(shí)間：2017年04月20日 15:19:29 作者：李留白
這篇文章主要介紹了微信小程序 跳轉(zhuǎn)方式總結(jié)的相關(guān)資料,需要的朋友可以參考下
微信小程序 跳轉(zhuǎn)方式總結(jié)
一共算是有四種方式。
1.使用組件。<navigator>標(biāo)簽。來實(shí)現(xiàn)。
特點(diǎn)：點(diǎn)擊有按下的效果
<navigator url="../job_detail/job_detail?isShowCompanyDetail=true&iscollect={{item.iscollect}}"> 跳轉(zhuǎn) </navigator>
2.給頁面布局加監(jiān)聽時(shí)間bindtap事件。然后在方法里面。通過wx.navigatorTo來實(shí)現(xiàn)跳轉(zhuǎn)
特點(diǎn)：點(diǎn)擊無按下的效果。
redirect_my_jianzhi: function () {
wx.navigateTo({
url: '../my_jianzhi/my_jianzhi',
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
},
3.方式。通過wx.redirectTo實(shí)現(xiàn)跳轉(zhuǎn)。
特點(diǎn)：關(guān)閉當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)某個(gè)頁面
navigateto_city: function (event) {
var provinceName = event.currentTarget.id;
wx.redirectTo({
url: '../city/city?province='+provinceName,
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
}
4.wx.navigateBack
關(guān)閉當(dāng)前頁面。返回上一頁面或多級頁面
wx.navigateBack({
delta: 1, // 回退前 delta(默認(rèn)為1) 頁面
success: function (res) {
// success
},
fail: function () {
// fail
},
complete: function () {
// complete
}
})
給上一個(gè)頁面賦值
var pages = getCurrentPages();
var prevPage = pages[pages.length - 2];//上一個(gè)頁面。
prevPage.setData({
bank_cn: bank_cn,
bank: bank
})
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
您可能感興趣的文章:
- 微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞（6）
- 微信小程序 頁面跳轉(zhuǎn)及數(shù)據(jù)傳遞詳解
- 微信小程序 navigator 跳轉(zhuǎn)url傳遞參數(shù)
- 微信小程序 詳解頁面跳轉(zhuǎn)與返回并回傳數(shù)據(jù)
- 微信小程序 頁面跳轉(zhuǎn)和數(shù)據(jù)傳遞實(shí)例詳解
- 微信小程序 頁面跳轉(zhuǎn)傳遞值幾種方法詳解
- 微信小程序鏈接傳參并跳轉(zhuǎn)新頁面
- 微信小程序 頁面跳轉(zhuǎn)傳參詳解
- 詳解微信小程序-掃一掃 wx.scanCode() 掃碼大變身
- 小程序掃描普通鏈接二維碼跳轉(zhuǎn)小程序指定界面方法
相關(guān)文章
這篇文章主要介紹了微信小程序 radio單選框組件詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
2017-01-01 
這篇文章將從C++模版要解決的問題出發(fā)，引出TS泛型要解決的問題，并簡答介紹一些稍微高級的使用場景的相關(guān)資料,需要的朋友可以參考一下
2021-10-10 
這篇文章主要為大家介紹了JS?class語法糖的深入剖析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07 
這篇文章主要介紹了微信小程序 Toast自定義實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2017-01-01 
JavaScript?API調(diào)用Rollup打包流程快速上手
這篇文章主要為大家介紹了JavaScript?API調(diào)用Rollup打包流程快速上手
2023-05-05 
這篇文章主要介紹如何用JS寫一個(gè)發(fā)布訂閱模式，什么是發(fā)布訂閱模式？能手寫實(shí)現(xiàn)一下嗎？它和觀察者模式有區(qū)別嗎？帶著疑惑一起解開下面文章的內(nèi)容吧
2021-11-11 
編寫微信小程序時(shí)，用到 wx.uploadFile，用來上傳圖片＋文本信息，本篇文章主要介紹了微信小程序 wx.uploadFile 的編碼坑，有興趣的可以了解一下。
2017-01-01 
smartbanner.js實(shí)現(xiàn)可定制智能應(yīng)用橫幅使用示例
這篇文章主要為大家介紹了smartbanner.js實(shí)現(xiàn)可定制智能應(yīng)用橫幅使用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-03-03 
微信小程序 less文件編譯成wxss文件實(shí)現(xiàn)辦法
這篇文章主要介紹了微信小程序 less文件編譯成微信小程序wxss文件實(shí)現(xiàn)辦法的相關(guān)資料,這里給出具體實(shí)現(xiàn)方法，需要的朋友可以參考下
2016-12-12