vue 路由拼接不跳转页面
时间: 2023-09-24 22:03:20 浏览: 110
vue路由拦截及页面跳转的设置方法
5星 · 资源好评率100%
如果你的 Vue 路由在拼接后没有跳转页面,可能是因为你没有使用 `$router.push()` 方法来实现路由跳转。
以下是一个简单的例子,演示在 Vue 中如何使用 `$router.push()` 方法来实现路由跳转:
```javascript
<template>
<button @click="goToAboutPage">Go to About Page</button>
</template>
<script>
export default {
methods: {
goToAboutPage() {
const aboutPageUrl = '/about';
this.$router.push(aboutPageUrl);
}
}
}
</script>
```
在上面的例子中,我们在模板中添加了一个按钮,并在 `goToAboutPage` 方法中使用 `$router.push()` 方法来实现路由跳转。在实际应用中,你需要根据你的具体场景来实现路由跳转。
阅读全文