vue-router 的 router-link 有实际刷新?
vue-router's router-link with actual refresh?
我想在单击 link 时刷新我的 "SPA",而不是它的默认行为,您会看到最少的组件替换。
听起来我正在扼杀 SPA 最好的部分,但我觉得没有刷新的 links 带来的麻烦多于好处 - 我想最糟糕的是页面显然没有如果您单击 link 到当前页面,请回复,我认为这相当混乱:
<!-- You click, then of course nothing happens when you're at HelloWorld -->
<router-link :to="{name: 'HelloWorld'}">link</router-link>
好吧,我不知道正常的 <a>
标签会像我期望的那样工作 如果使用历史记录模式,所以我最终这样做了:
<a :href="$router.resolve({name: 'HelloWorld'}).href">link</a>
或者只是:
<a href="/">link</a>
谢谢 akai,当我想使用相同的组件时,我需要你的帮助。我有一个类别列表,当我点击某个类别页面时需要重新加载。
<a :href="$router.resolve({name:'category', params: {id: category.id}}).href">
{{category.name}}
<span>({{category.posts.length}})</span>
</a>
我想在单击 link 时刷新我的 "SPA",而不是它的默认行为,您会看到最少的组件替换。
听起来我正在扼杀 SPA 最好的部分,但我觉得没有刷新的 links 带来的麻烦多于好处 - 我想最糟糕的是页面显然没有如果您单击 link 到当前页面,请回复,我认为这相当混乱:
<!-- You click, then of course nothing happens when you're at HelloWorld -->
<router-link :to="{name: 'HelloWorld'}">link</router-link>
好吧,我不知道正常的 <a>
标签会像我期望的那样工作 如果使用历史记录模式,所以我最终这样做了:
<a :href="$router.resolve({name: 'HelloWorld'}).href">link</a>
或者只是:
<a href="/">link</a>
谢谢 akai,当我想使用相同的组件时,我需要你的帮助。我有一个类别列表,当我点击某个类别页面时需要重新加载。
<a :href="$router.resolve({name:'category', params: {id: category.id}}).href">
{{category.name}}
<span>({{category.posts.length}})</span>
</a>