uniapp导航怎么用

uniapp导航使用方法

uniapp提供了多种导航方式，包括页面跳转、TabBar切换、导航栏设置等。以下是具体的使用方法：

页面跳转 使用uni.navigateTo进行页面跳转，保留当前页面并跳转到应用内的某个页面。示例代码：

uni.navigateTo({
  url: '/pages/detail/detail?id=1'
});

使用uni.redirectTo关闭当前页面并跳转到应用内的某个页面：

uni.redirectTo({
  url: '/pages/login/login'
});

TabBar切换 使用uni.switchTab跳转到TabBar页面，并关闭其他所有非TabBar页面：

uni.switchTab({
  url: '/pages/index/index'
});

导航栏设置 在pages.json中配置导航栏样式：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页",
        "navigationBarBackgroundColor": "#FFFFFF"
      }
    }
  ]
}

返回上一页 使用uni.navigateBack返回上一页面：

uni.navigateBack({
  delta: 1
});

传递参数 在跳转时通过URL传递参数，目标页面通过onLoad生命周期获取：

onLoad(options) {
  console.log(options.id); // 输出1
}

注意事项

• URL路径不需要写后缀，框架会自动补全。
• 跳转TabBar页面必须使用uni.switchTab。
• 页面路径需要在pages.json中预先配置。