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

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

navigate

實際使用中主要分為三種類型

• navigate

• redirect

• navigateBack

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

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

• 演示用例

page1.wxml

<!--pages/page1/page1.wxml-->
<text>pages/page1/page1.wxml</text>

<navigator?url='../page2/page2'>跳轉(zhuǎn)到第二頁</navigator>
<navigator?url='../page3/page3'>跳轉(zhuǎn)到第三頁</navigator>


<navigator?url='../page2/page2'?open-type='redirect'>redirect方式跳轉(zhuǎn)到第二頁</navigator>

<navigator?url='../page2/page2?name1=個人主頁：idig.com&name2=公眾號:編程坑太多'>?傳遞參數(shù)的跳轉(zhuǎn)到第二頁</navigator>

page2.wxml

<!--pages/page2/page2.wxml-->
<text>pages/page2/page2.wxml</text>

<navigator?url='../page3/page3'>跳轉(zhuǎn)到第三頁</navigator>

<navigator?open-type='navigateBack'>redirect類型點擊無效，返回上一級</navigator>

page2.js

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

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

??},

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

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

??},

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

??},

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

??},

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

??},

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

??},

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

??},

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

??}
})

page3.html

<!--pages/page3/page3.wxml-->
<text>pages/page3/page3.wxml</text>


<navigator?open-type='navigateBack'>返回上一級</navigator>

<navigator?open-type='navigateBack'?delta='2'>返回上兩級</navigator>

PS：這個就是頁面跳轉(zhuǎn)的實踐，navigate這個標(biāo)簽還是特別重要的，因為在實際開發(fā)過程中，頁面跳轉(zhuǎn)還是非常的多的。

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

當(dāng)前文章：「小程序JAVA實戰(zhàn)」小程序?qū)Ш浇M件（26）
文章源于：http://www.yijiale78.com/article0/gddhoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、App開發(fā)、網(wǎng)站策劃、網(wǎng)站內(nèi)鏈、外貿(mào)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)