微信小程序頁(yè)面跳轉(zhuǎn)的方法有哪些

小編給大家分享一下微信小程序頁(yè)面跳轉(zhuǎn)的方法有哪些，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

用法：用于頁(yè)面跳轉(zhuǎn)，相當(dāng)于html里面的<a></a>標(biāo)簽。

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

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

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

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

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

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

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

3：在當(dāng)前頁(yè)面打開(kāi)

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

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

打開(kāi)全局app.json文件，將剛剛新建文件夾no的路徑寫(xiě)入

圖片.png。

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

4：切換到tab頁(yè)：

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

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

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

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

以上是“微信小程序頁(yè)面跳轉(zhuǎn)的方法有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！