在 UniApp 中,可以使用路由名称进行页面跳转。以下是具体的方法:
一、定义路由名称
- 在项目的
pages.json
文件中,为每个页面配置路由信息时,可以指定一个路由名称。例如:
{ "pages": [ { "path": "pages/index/index", "style": {}, "name": "homePage" // 定义路由名称为 homePage }, { "path": "pages/detail/detail", "style": {}, "name": "detailPage" // 定义路由名称为 detailPage } ] }
二、使用路由名称跳转
- 在需要进行页面跳转的地方,可以使用
uni.navigateTo
、uni.redirectTo
等方法,并通过指定路由名称来进行跳转。例如:
// 跳转到名为 detailPage 的页面 uni.navigateTo({ name: 'detailPage', params: { // 可以传递参数给目标页面 id: 123 } });
三、接收参数
- 在目标页面(这里是名为
detailPage
的页面)的onLoad
生命周期函数中,可以接收传递过来的参数。例如:
export default { onLoad(options) { // 从 options 中获取传递的参数 const id = options.id; console.log('接收到的参数 id:', id); } };
使用路由名称进行跳转可以使代码更加清晰和易于维护,尤其是在项目较大、页面较多的情况下。同时,通过传递参数可以在不同页面之间共享数据。