因为一段时间没用 uni-app,在今天添加的页面跳转时没有效果,pages.json 文件也注册了形式和以前一致,后面才发现是跳转路径的问题。
// pages.json
{
"pages": [
// ...
{
"path": "pages/about/about",
"style": {
"navigationBarTitleText": "关于",
"enablePullDownRefresh": false
}
},
// ...
]
}
pages.json
文件内容是没有问题的,跳转路径存在问题:
// 错误的写法
uni.navigateTo({
url: 'pages/about/about'
})
// 正确的写法
uni.navigateTo({
url: '/pages/about/about'
})
我最初理解为因为页面已经在 pages.json
里注册,所以跳转路径就是 pages.json
中页面路径,现在看来跳转路径是具体的页面路径,路径刚开始添加 /
是表示项目的根路径(我的页面放置目录 [program]/pages/about/about.vue)。