uni-app 无法跳转页面

因为一段时间没用 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)。

posted @ 2021-04-12 10:03  热心码农小吕  阅读(2408)  评论(0编辑  收藏  举报