router 自定义切换路由
时间: 2023-10-18 21:53:58 浏览: 46
在Vue中,可以使用`<router-link>`标签来自定义切换路由。通过设置`to`属性的值为路由的路径,可以实现路由的切换。例如,`<router-link to="/">`表示切换到根路径,`<router-link to="/reg">`表示切换到`/reg`路径。这种方式切换路由时不会刷新页面。\[1\]
另外,Vue实例中的`router`对象提供了一些路由的方法和信息。其中,`route`属性存储了当前的路由规则,`router`属性存储了VueRouter对象,可以通过它来调用一些路由的方法,比如`push`、`go`、`back`等。\[2\]
如果想要在切换路由时不保留历史记录,可以在`<router-link>`标签中添加`replace`属性。例如,`<router-link replace to="/">`表示切换到根路径,并且不会保留历史记录,浏览器地址栏的左右箭头也不能点击了。\[3\]
#### 引用[.reference_title]
- *1* *3* [1、vue-router切换路由的方式(命名路由和编程式导航和历史记录)](https://blog.csdn.net/EchoLiner/article/details/130681583)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [VueRouter 的原理及自定义Route](https://blog.csdn.net/qq_38074118/article/details/111642702)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.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)
![](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)