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)。

原文地址:https://www.cnblogs.com/haveadate/p/14646746.html