Question

我正在开发一个使用Framework7和vuejs制作的应用程序。

我有底部工具栏，但我在这里有路由问题。

这是我的代码

route.js

{
path: '/about/',
component: require('./assets/vue/pages/about.vue')}

main.vue

<div class="toolbar tabbar tabbar-labels">
  <div class="toolbar-inner">
    <a class="item-link tab-link" href="/about/">
      <i class="fa fa-home"></i>
      <span class="tabbar-label">Home</span>
    </a>
  </div>
</div>

当我点击工具栏时，我收到错误无法获取/关于/.

但是当我点击工具栏外部的相同链接时，它可以正常工作......

有人有任何想法或有更好的解决方案吗？

Answer 1

SPA项目意味着所有页面都基于相同的uri，区别在于＆＃39;＃＆＃39;，例如：

因此所有网页都在uri＆＃39; /＆＃39;，'/about' != '/#/about'

您应该使用<router-link to="/about">Go to About</router-link>或使用js代码router.push({ path: 'about' })。

请参阅vue-router

vuejs-framework7工具栏路由

1 个答案: