vue 从 http://localhost:8080/index/110跳转到http://localhost:8080/center/12345
时间: 2023-06-02 10:02:47 浏览: 81
可以使用 `<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
```
相关问题
vue使用http://localhost:8080
在Vue中使用http://localhost:8080通常是指在本地开发时启动的开发服务器的默认地址。一般来说,当你在本地使用Vue CLI创建一个新的项目时,会默认启动一个开发服务器,并且监听8080端口。因此,如果你想在浏览器中访问你的Vue应用程序,可以在浏览器中输入http://localhost:8080来访问。需要注意的是,如果你的开发服务器运行在不同的端口上,那么你需要相应地修改URL中的端口号。
vue http://localhost:8080/sellOrde打不开
这可能是因为您的Vue应用程序没有正确启动或端口号不正确导致的。请确保您已经正确启动了Vue应用程序,并且端口号为8080。您可以尝试在浏览器中手动输入http://localhost:8080/sellOrder来查看是否可以访问该页面。如果这仍然无法解决问题,请检查您的代码或日志以获取更多详细信息。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)