当我单击链接时,我想刷新“ SPA”,而不是看到最少组件更换的默认行为。
听起来我正在杀死SPA的最佳部分,但是我觉得没有刷新的链接带来的麻烦多于好处-我认为最糟糕的是,如果您单击链接到该页面,页面显然没有响应当前页面,我认为这很令人困惑:
<!-- You click, then of course nothing happens when you're at HelloWorld -->
<router-link :to="{name: 'HelloWorld'}">link</router-link>
答案 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>