本文編輯：  明日創意科技有限公司瀏覽 4790 4 版權所有，嚴禁轉載

組件說明:

頁面鏈接。

組件用法：

Tip:

1. 官方規定小程序最多只能有五個頁面同時存在，意思是在不關閉頁面的情況，最多新開五個頁面，頁面深度為5。當頁面棧達到5后將無法轉跳。
2. 當navigator組件存在redirect屬性時（無論redirect的值時true還是false），將會關閉當前頁面并轉跳到目標頁面,頁面棧不變化。
3. 當navigator組件不存在redirect屬性時，保留當前頁面，轉跳到目標頁面，頁面棧加1。

效果圖：

wxml

<!-- sample.wxml -->
<view class="btn-area">
  <navigator url="navigate?title=navigate" hover-class="navigator-hover">跳轉到新頁面</navigator>
  <navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在當前頁打開</navigator>
</view>

<!-- navigator.wxml -->
<view class="title"> {{title}} </view>
<view> 點擊左上角返回回到之前頁面 </view>

<!-- redirect.wxml -->
<view class="title"> {{title}} </view>
<view> 點擊左上角返回回到上級頁面 </view>

js

// redirect.js navigator.js
Page({
  onLoad: function(options) {
    this.setData({
      title: options.title
    })
  }
}

wxss

/** wxss **/
/** 修改默認的navigator點擊態 **/
.navigator-hover {
    color:blue;
}
/** 自定義其他點擊態樣式類 **/
.other-navigator-hover {
    color:red;
}
.title{
    text-align:center;
}

主要屬性：