來(lái)說(shuō)下 ，小程序的導(dǎo)航組件。源碼：https://github.com/limingios/wxProgram.git 中的No.13

作為一家“創(chuàng)意+整合+營(yíng)銷”的成都網(wǎng)站建設(shè)機(jī)構(gòu)，我們?cè)跇I(yè)內(nèi)良好的客戶口碑。成都創(chuàng)新互聯(lián)提供從前期的網(wǎng)站品牌分析策劃、網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、成都做網(wǎng)站、創(chuàng)意表現(xiàn)、網(wǎng)頁(yè)制作、系統(tǒng)開(kāi)發(fā)以及后續(xù)網(wǎng)站營(yíng)銷運(yùn)營(yíng)等一系列服務(wù)，幫助企業(yè)打造創(chuàng)新的互聯(lián)網(wǎng)品牌經(jīng)營(yíng)模式與有效的網(wǎng)絡(luò)營(yíng)銷方法,創(chuàng)造更大的價(jià)值。

navigate

實(shí)際使用中主要分為三種類型

• navigate

• redirect

• navigateBack

當(dāng)頁(yè)面一直一直往下跳的時(shí)候，可以逐級(jí)返回。

• 官方介紹
  >https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

• 演示用例

page1.wxml

pages/page1/page1.wxml

跳轉(zhuǎn)到第二頁(yè)
跳轉(zhuǎn)到第三頁(yè)


redirect方式跳轉(zhuǎn)到第二頁(yè)

?傳遞參數(shù)的跳轉(zhuǎn)到第二頁(yè)

page2.wxml

pages/page2/page2.wxml

跳轉(zhuǎn)到第三頁(yè)

redirect類型點(diǎn)擊無(wú)效，返回上一級(jí)

page2.js

//?pages/page2/page2.js
Page({

??/**
???*?頁(yè)面的初始數(shù)據(jù)
???*/
??data:?{

??},

??/**
???*?生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
???*/
??onLoad:?function?(options)?{
??????console.log(options);
??},

??/**
???*?生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面初次渲染完成
???*/
??onReady:?function?()?{

??},

??/**
???*?生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面顯示
???*/
??onShow:?function?()?{

??},

??/**
???*?生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面隱藏
???*/
??onHide:?function?()?{

??},

??/**
???*?生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面卸載
???*/
??onUnload:?function?()?{

??},

??/**
???*?頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽(tīng)用戶下拉動(dòng)作
???*/
??onPullDownRefresh:?function?()?{

??},

??/**
???*?頁(yè)面上拉觸底事件的處理函數(shù)
???*/
??onReachBottom:?function?()?{

??},

??/**
???*?用戶點(diǎn)擊右上角分享
???*/
??onShareAppMessage:?function?()?{

??}
})

page3.html

pages/page3/page3.wxml


返回上一級(jí)

返回上兩級(jí)

PS：這個(gè)就是頁(yè)面跳轉(zhuǎn)的實(shí)踐，navigate這個(gè)標(biāo)簽還是特別重要的，因?yàn)樵趯?shí)際開(kāi)發(fā)過(guò)程中，頁(yè)面跳轉(zhuǎn)還是非常的多的。

>>原創(chuàng)文章，歡迎轉(zhuǎn)載。轉(zhuǎn)載請(qǐng)注明：轉(zhuǎn)載自IT人故事會(huì)，謝謝！
>>原文鏈接地址：「小程序JAVA實(shí)戰(zhàn)」小程序?qū)Ш浇M件（26）