vue 从 http://localhost:8080/index/110跳转到http://localhost:8080/center/12345
时间: 2023-06-02 21:02:47 浏览: 186
new-vue-system:新框架
可以使用 `<router-link>` 或者 `$router.push()` 方法来实现路由跳转。
使用 `<router-link>` 的方式:
```html
<router-link :to="{path: '/center/12345'}">跳转到个人中心</router-link>
```
使用 `$router.push()` 的方式:
```javascript
this.$router.push('/center/12345');
```
需要注意的是,如果要传递参数,可以使用 `$router.push()` 方法,并在路径中添加参数:
```javascript
this.$router.push('/center/12345?param1=value1¶m2=value2');
```
在目标路由组件中,可以通过 `$route` 对象来获取参数:
```javascript
this.$route.query.param1; // value1
this.$route.query.param2; // value2
```
阅读全文