vue3 router跳转
时间: 2023-08-17 11:11:06 浏览: 104
Vue 3 的路由跳转可以使用 Vue Router。首先,确保你已经安装了 Vue Router,并将其添加到你的项目中。
在你的组件中,你可以使用 `router-link` 组件或者 `this.$router.push` 方法来实现路由跳转。
使用 `router-link` 组件:
```html
<router-link to="/your-route">跳转到目标路由</router-link>
```
使用 `this.$router.push` 方法:
```javascript
// 在方法中调用
this.$router.push('/your-route');
// 或者在模板中调用
<button @click="$router.push('/your-route')">跳转到目标路由</button>
```
这里的 `/your-route` 是你想要跳转的目标路由路径。你可以根据你的路由配置中定义的路径进行相应的设置。
记得在 Vue 实例中配置 Vue Router:
```javascript
import { createRouter, createWebHistory } from 'vue-router';
const routes = [
// 路由配置
];
const router = createRouter({
history: createWebHistory(),
routes,
});
const app = createApp(App);
app.use(router);
app.mount('#app');
```
这样就可以使用 Vue Router 进行路由跳转了。希望对你有所帮助!如果还有其他问题,请随时提问。
阅读全文