因為一段時間沒用 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)。