Vue路由器的路由器链接与实际刷新?

时间:2018-08-07 02:00:13

标签: vue.js vue-router

当我单击链接时,我想刷新“ SPA”,而不是看到最少组件更换的默认行为。

听起来我正在杀死SPA的最佳部分,但是我觉得没有刷新的链接带来的麻烦多于好处-我认为最糟糕的是,如果您单击链接到该页面,页面显然没有响应当前页面,我认为这很令人困惑:

<!-- You click, then of course nothing happens when you're at HelloWorld -->
<router-link :to="{name: 'HelloWorld'}">link</router-link>

2 个答案:

答案 0 :(得分:9)

好的,我不知道正常的<a>标签是否符合我的期望如果使用历史记录模式,所以我最终这样做了:

<a :href="$router.resolve({name: 'HelloWorld'}).href">link</a>

或者也许只是:

<a href="/">link</a>

答案 1 :(得分:0)

感谢akai,如果我想使用相同的组件,我会在您的帮助下使用。我有一个类别列表,当我单击某个类别页面时,需要重新加载。

<a :href="$router.resolve({name:'category', params: {id: category.id}}).href">
                                                        {{category.name}}<span>
                                                            ({{category.posts.length}})
                                                        </span>
                                                    </a>