路由_navigateTo

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

温馨提示

程序中页面栈最多十层

页面跳转

可以从pageA页面通过点击事件跳转到pageB页面

<view>PageA</view>
<button type="primary" bindtap="clickTapButton">跳转到PageB</button>

xxxxxxxxxx
Page({
    clickTapButton(e){
        wx.navigateTo({
          url: '/pages/pageB/pageB',
        })
    }
})

携带参数

xxxxxxxxxx
// pageA
Page({
    clickTapButton(e){
        wx.navigateTo({
          url: '/pages/pageB/pageB?name=itbaizhan',
        })
    }
})

xxxxxxxxxx
// pageB
Page({
    onLoad(options) {
        console.log(options.name);
    }
})

返回上一级页面

关闭当前页面，返回上一页面

xxxxxxxxxx
// pageB
Page({
    onLoad(options) {
        console.log(options.name);
    },
    backHandle() {
        wx.navigateBack({
            url:"/pages/pageA/pageA"
        })
    }
})

实时效果反馈

1. 在微信小程序中，navigateTo跳转页面特点正确的是：

A 保留当前页面，跳转到应用内的某个页面，也可以跳到 tabbar 页面

B 保留当前页面，跳转到应用内的某个页面，但是不能跳到 tabbar 页面

C 关闭当前页面，跳转到应用内的某个页面

D 跳转到 tabBar 页面

答案

1=>B