微信小程序 跳轉(zhuǎn)方式總結(jié)
微信小程序 跳轉(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)文章
微信小程序 使用picker封裝省市區(qū)三級聯(lián)動(dòng)實(shí)例代碼
這篇文章主要介紹了微信小程序 使用picker封裝省市區(qū)三級聯(lián)動(dòng)實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-10-10JavaScript實(shí)際應(yīng)用:innerHTMl和確認(rèn)提示的使用
JavaScript實(shí)際應(yīng)用:innerHTMl和確認(rèn)提示的使用...2006-06-06網(wǎng)頁的標(biāo)準(zhǔn),IMG不支持onload標(biāo)簽怎么辦
網(wǎng)頁的標(biāo)準(zhǔn),IMG不支持onload標(biāo)簽怎么辦...2006-06-06TypeScript對象解構(gòu)操作符在Spartacus實(shí)際項(xiàng)目開發(fā)中的應(yīng)用解析
這篇文章主要為大家介紹了TypeScript對象解構(gòu)操作符在Spartacus實(shí)際項(xiàng)目開發(fā)中的應(yīng)用解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解
這篇文章主要為大家介紹了超越Node.js的JavaScript運(yùn)行環(huán)境Bun.js功能特性詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-09-09