微信小程序中實(shí)現(xiàn)頁面跳轉(zhuǎn)的方法有哪些

這篇文章主要介紹微信小程序中實(shí)現(xiàn)頁面跳轉(zhuǎn)的方法有哪些，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)主營萬寧網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都APP應(yīng)用開發(fā),萬寧h5微信小程序搭建,萬寧網(wǎng)站營銷推廣歡迎萬寧等地區(qū)企業(yè)咨詢

用法：用于頁面跳轉(zhuǎn)，相當(dāng)于html里面的<a></a>標(biāo)簽。
API教程：https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html
https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html

四種跳轉(zhuǎn)的方法，在index里面寫下一段代碼進(jìn)行測試

1：從首頁跳轉(zhuǎn)到日志頁面（可以返回）

（注意，在沒有設(shè)置底部導(dǎo)航的情況下，沒有tab也可使用這個屬性，有tab頁則需更換switchTab屬性）

<view>
    <navigator  url="/pages/logs/logs" hover-class="changestyle">頁面跳轉(zhuǎn)，可以返回</navigator>
</view>

2：從首頁跳轉(zhuǎn)到日志頁面（不可以返回）

（注意，在沒有設(shè)置底部導(dǎo)航的情況下，沒有tab也可使用這個屬性，有tab頁則需更換switchTab屬性）

<view>
    <navigator  url="/pages/logs/logs" hover-class="changestyle" redirect>頁面跳轉(zhuǎn)，無法返回</navigator>
</view>

3：在當(dāng)前頁面打開

新建一個文件夾，命名為no,完善里面的wxml測試信息，為了方便測試隨意填充內(nèi)容

<view class="btn-area">  
   <navigator url="/pages/test/test" hover-class="navigator-hover">我是一個自由分散的頁面哦</navigator>  
 </view>

打開全局app.json文件，將剛剛新建文件夾no的路徑寫入

我們現(xiàn)在要測試從首頁的鏈接上打開，點(diǎn)擊鏈接，即可在當(dāng)前的首頁頁面打開no頁面

4：切換到ta頁：

代碼
<view>
<navigator url="/pages/logs/logs" open-type="switchTab" hover-class="other-navigator-hover">切換 Tab</navigator>
</view>

注意：我這里用的跳轉(zhuǎn)是switchTab跳轉(zhuǎn)，而不是navigator

原因：所有的頁面路徑都需配置在pages下面tabBar里一般就是四個主頁面，這些主頁面之間的跳轉(zhuǎn)就像tab切換，這幾個頁面需要在tabBar里另外配置，普通頁面向這四個主頁面跳轉(zhuǎn)的時候，不能使用navigator，需用switchTab。

經(jīng)驗(yàn)總結(jié)：TabBar中的list項(xiàng)的配置pagePath，盡量不要作為其他頁面的跳轉(zhuǎn)鏈接。

以上是“微信小程序中實(shí)現(xiàn)頁面跳轉(zhuǎn)的方法有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前文章：微信小程序中實(shí)現(xiàn)頁面跳轉(zhuǎn)的方法有哪些
轉(zhuǎn)載注明：http://bm7419.com/article10/gosodo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、域名注冊、電子商務(wù)、網(wǎng)站設(shè)計(jì)、外貿(mào)建站、商城網(wǎng)站

廣告

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