[TOC] # navigateTo ## 要點 > 保留當前頁面，跳轉到應用內的某個頁面， > 使用 wx.navigateBack 可以返回,有時候我們跳轉還需要攜帶參數 * 取值的方式 > 傳遞的參數在接收頁面onLoad()函數用過option.type就可以取到值 ## 組件 點擊跳轉其他頁面 ``` properties: { readList: Object //readList里有個postId屬性 //readList 是父級穿過來的值 }, jump() { var id = this.properties.readList.postId; //組件獲取當前頁面的postId wx.navigateTo({ url: '/pages/read/read-detail/read-detail?id=' + id, }) }, ``` ## 不用組件 ``` // <text catchtap = "jump" data-id = "頁面id"></text> jump(event){ //獲取點擊事件當前的id var id = event.currentTarget.dataset.id; wx.navigateTo({ url: '/pages/web-page/web-page?id='+id, }) } ``` ## 一次傳多個值 ``` url: '/pages/movies/movie-more/movie-more?type=' + type + '&title=' + title ``` # redirectTo > wx.redirectTo關閉當前頁面,跳轉到另外一個頁面 ``` wx.redirectTo({ url: '', }) ``` # switchTab(跳轉的頁面在Tab中的界面) > 當 redirectTo ，navigateTo 都不起作用的時候 > 可能是因為你將要跳轉的頁面在Tab中的界面 這時可使用 switchTab ``` wx.switchTab({ url: '../index/home', }) ``` # 返回上一頁跳轉 ### 方法一 ``` wx.switchTab({ url: '/pages/book/book', }) ``` ## 方法二 ``` wx.navigateBack({ delta: 1 }) ``` ## tab切換對應的生命周期