小程序的跳轉方式

1,在wxml頁面中:

<navigator url="../index/index">跳轉到新頁面</navigator>
<navigator url="../index/index" open-type="redirect">在當前頁打開</navigator>
<navigator url="../index/index" open-type="switchTab">切換到首頁Tab</navigator>

2,在js頁面中:

 

【注意】此處注意兩個關鍵詞 “應用內的頁面” 和 “tabBar頁面”。  app.json文件中tabBar中註冊過的tab頁,即爲“tabBar頁面”,非tabBar中註冊佔用的頁面即爲“應用內的頁面” 。 如下圖:home頁面爲“應用內的頁面”,index和logs頁面則爲 “tabBar頁面”。

 

或者:直接在html標籤里加屬性

<view>
    <navigator url="../../pages/lists/lists" redirect="true" hover-class="navigator-hover">點我去列表頁</navigator>
</view>
/* wxss代碼 */
.navigaror-hover{
    color:blue;
}



發佈了39 篇原創文章 · 獲贊 24 · 訪問量 19萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章