1. 程式人生 > >微信小程式新頁面跳轉

微信小程式新頁面跳轉

在json配置路徑,會自動生成對應的css\js\json(例如:test.wxss\test.js\test.json)

頁面跳轉兩種方法 一種通過js,一種通過頁面

第一種:在要點選跳轉的標籤上加事件,3步,

如:1、要在點選文字上跳轉

<view bindtap="toast">
    <text>點我跳轉</text>
</view>

2、 bindtap="toast" 然後在js檔案裡寫toast事件

////頁面跳轉 url要跳轉頁面的路徑

toast:function(){
    wx.navigateTo({
        url: '../logs/test'
    })
}

3、在app.json裡配置

"pages":[
    "pages/logs/test"
],

第二種:

<navigator url="../logs/test">跳轉到新頁面</navigator>

或者在上面加上這句 open-type="redirect" 在當前頁開啟

或者 open-type="switchTab"  切換到首頁Tab

navigator的open-type屬性 可選值 'navigate'、'redirect'、'switchTab',對應於wx.navigateTo、wx.redirectTo、wx.switchTab的功能

open-type="navigate"等價於API的 wx.navigateTo 而wx.navigateTo的url是需要跳轉的應用內非 tabBar 的頁面的路徑

open-type="redirect"等價於API的 wx.redirectTo 而wx.redirectTo的url是需要跳轉的應用內非 tabBar 的頁面的路徑

open-type="switchTab"等價於API的 wx.switchTab而wx.switchTab的url是需要跳轉到 tabBar 頁面,並關閉其他所有非 tabBar 頁面

最後一個switchTab事件觸發以後 把前面的頁面都關閉了