小程序 頁面跳轉

4種頁面跳轉的方法   轉https://www.jianshu.com/p/01a5a6a0fdb9

官方文檔 ： https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

1：從首頁跳轉到日志頁面（可以返回）

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

 

2：從首頁跳轉到日志頁面（不可以返回）

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

 

3：在當前頁面打開

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

<!--no.wxml-->

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

 

 

4：切換到tab頁：

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

注意：我這里用的跳轉是switchTab跳轉，而不是navigator

 

 

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

經驗總結：TabBar中的list項的配置pagePath，盡量不要作為其他頁面的跳轉鏈接。