缘起于心 發表於 2021-4-12 10:03:00

uni-app 无法跳转页面

<p>因为一段时间没用 uni-app,在今天添加的页面跳转时没有效果,pages.json 文件也注册了形式和以前一致,后面才发现是跳转路径的问题。</p>
<pre><code class="language-json">// pages.json
{
"pages": [
    // ...
    {
      "path": "pages/about/about",
      "style": {
      "navigationBarTitleText": "关于",
      "enablePullDownRefresh": false
      }
    },
    // ...
]
}
</code></pre>
<p><code>pages.json</code> 文件内容是没有问题的,跳转路径存在问题:</p>
<pre><code class="language-vue">// 错误的写法
uni.navigateTo({
url: 'pages/about/about'
})

// 正确的写法
uni.navigateTo({
url: '/pages/about/about'
})
</code></pre>
<p>我最初理解为因为页面已经在 <code>pages.json</code> 里注册,所以跳转路径就是 <code>pages.json</code> 中页面路径,现在看来跳转路径是具体的页面路径,路径刚开始添加 <code>/</code>是表示项目的根路径(我的页面放置目录 <strong>/pages/about/about.vue</strong>)。</p><br><br>
来源:https://www.cnblogs.com/haveadate/p/14646746.html
頁: [1]
查看完整版本: uni-app 无法跳转页面