怎么跳转 router-link
时间: 2023-02-15 13:39:15 浏览: 234
vue router 跳转时打开新页面的示例方法
5星 · 资源好评率100%
要在 Vue 组件中使用 `router-link` 组件,需要在 template 中使用标签 `<router-link>`,并使用 `to` 属性指定要跳转的目标地址。
例如:
```
<template>
<div>
<router-link to="/foo">跳转到 /foo</router-link>
</div>
</template>
```
注意,如果你使用的是 Vue 2.x 版本,需要在组件中引入 `VueRouter` 并挂载到 Vue 实例上,才能使用 `router-link` 组件。
示例代码:
```
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
const router = new VueRouter({
// 路由规则
})
new Vue({
router
}).$mount('#app')
```
阅读全文