[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切换对应的生命周期