頁(yè)面之間的相互跳轉(zhuǎn)叫頁(yè)面導(dǎo)航，不同程序?qū)崿F(xiàn)頁(yè)面導(dǎo)航的方式不同，微信小程序與瀏覽器網(wǎng)頁(yè)跳轉(zhuǎn)方式有很大區(qū)別。今天專門介紹微信小程序頁(yè)面跳轉(zhuǎn)方法。

方式一：通過(guò)點(diǎn)擊導(dǎo)航組件navigator（聲明式）

第一步，指定要跳轉(zhuǎn)的頁(yè)面地址，即url屬性，以/開(kāi)頭。在app.json文件的"pages"里。

第二步，確定跳轉(zhuǎn)的方式，即open-type屬性，tabbar頁(yè)面為switchTab（不可省略），非tabbar頁(yè)面為navigate（可省略）。其中tabbar頁(yè)面是指在頂部或底部編輯了以頁(yè)簽方式切換的頁(yè)面。

代碼示例：<navigator url="/pages/message/message open-type="switchTab">導(dǎo)航到消息頁(yè)面</navigator>

<navigator url="/pages/message/info open-type="navigate">導(dǎo)航到info頁(yè)面</navigator>

導(dǎo)航至上一頁(yè)或后退多級(jí)頁(yè)面

第一步，指定跳轉(zhuǎn)的方式，即open-type屬性，為navigateBack。

第二步，確定后退的層級(jí)數(shù)，即delta屬性，為整數(shù)數(shù)字,默認(rèn)為1。

代碼示例：<navigator open-type="navigateBack" delta="1">返回上一頁(yè)</navigator>

方式二：調(diào)用小程序?qū)ｉT的導(dǎo)航API（編程式）請(qǐng)看下期

本文全部原創(chuàng)手碼，與大家分享共同進(jìn)步，歡迎交流！

#編程##小白新手創(chuàng)業(yè)營(yíng)##頭條創(chuàng)作挑戰(zhàn)賽##勤勞致富#