Question

我有两个主页，一个页面登录/注册表单，另一个页面导航栏和内容。登录/注册后，我将重定向到/ main。我在命名路由“ nav”中加载了navbar，并在“ con”中加载了内容。路由器链接位于导航栏内部，导航栏是单独的组件。现在，当我单击其中一个链接时，没有任何反应，但是，如果我手动输入URL，它将可以正常工作。我的猜测是问题在于它在组件内部或某些内部。

导航栏组件内部的链接：

1@gmail.com
1@gmail.com-1
1@gmail.com-2

我的观点

<router-link :to="{ name: 'forum' }">
    <b-nav-item href="#" ><i class="material-icons md-36">forum</i> Forum</b-nav-item>
</router-link>

还有带路线的App.js

<div id="app">
    @csrf
    <router-view></router-view>
    <router-view class="view one" name="nav"></router-view>
    <router-view class="view two" name="con"></router-view>
</div>

我已经导入了VueRouter，但没有将其添加到代码中以使其更加简单

Answer 1

问题出在路由器链接（b-nav-item href =“＃”）中的 href属性。省略href属性确实可以解决问题。

<router-link :to="{ name: 'forum' }">
    <b-nav-item><i class="material-icons md-36">forum</i> Forum</b-nav-item>
</router-link>

组件内部的Vue路由器不重定向

1 个答案: