在微信小程序中，页面切换方向可以使用Page的nav和router的相关属性进行实现。以下是一个简单的示例：

首先，我们设置一个导航栏和一个路由对象：

javascript // 初始化页面 Page({ name: 'index', data: { list: [ { id: 1, name: '项目一', path: '/project-1' }, { id: 2, name: '项目二', path: '/project-2' }, // 添加更多项目... ] }, router: { path: '/project/:id', component: Project, children: [ // 设置导航栏的标题和标签 { path: '/project/:id/section1', component: Section1 }, { path: '/project/:id/section2', component: Section2 } ] } });

然后，我们在需要切换方向的页面上设置一个点击事件：

javascript Page({ name: 'index', data: { list: [ { id: 1, name: '项目一', path: '/project-1' }, { id: 2, name: '项目二', path: '/project-2' }, // 添加更多项目... ] }, router: { path: '/project/:id', component: Project, children: [ // 设置导航栏的标题和标签 { path: '/project/:id/section1', component: Section1 }, { path: '/project/:id/section2', component: Section2 } ] }, onPageChange: function(e) { // 检查是否是当前页面 if (e.target.name === 'index') { // 检查当前页面是否在导航栏中 if (e.target.href === '#page-1') { // 点击当前页面的导航栏标题 console.log('点击导航栏标题：', e.target.title); } } } });

以上代码中的/project/:id是路由的ID，/page-1是导航栏的标题。当用户点击导航栏标题时，会触发onPageChange函数，检查当前页面是否在导航栏中，如果在，就打印出当前页面的标题。