router-link 不去刷新页面
时间: 2024-06-20 18:00:51 浏览: 154
详谈vue中router-link和传统a链接的区别
5星 · 资源好评率100%
`router-link` 是Vue Router库中的一个组件,用于在单页应用(SPA)中创建链接,当你点击这样的链接时,并不会像传统服务器端路由那样引发整个页面的刷新。相反,Vue Router会使用前端路由技术,导航到指定的路由组件,通过组件的切换实现页面内容的更新,保持当前浏览器历史记录和URL不变。
要让`router-link`不刷新页面,关键在于设置它的`to`属性,指向一个vue-router定义的路由对象,而不是直接的页面路径。例如:
```html
<router-link :to="{ name: 'yourRouteName', params: { param1: 'value1' } }">
Link Text
</router-link>
```
在这个例子中,`name`是路由配置中的名称,`params`用于传递动态参数。当用户点击这个链接时,只会导航到相应的路由,页面内容会动态地加载。
阅读全文