router-view的name无用
时间: 2023-08-05 11:09:29 浏览: 108
引用\[1\]:在使用Vue Router时,可以通过在路由配置中使用name属性给router-view命名,以便在多个router-view中进行区分。然而,在存在子路由的情况下,根路由的name属性是无用的。\[1\]这是因为子路由会覆盖根路由的name属性,所以无法通过{{$route.name}}来获取根路由的name值。如果需要在子路由中获取参数,可以使用{{$route.params.xxx}}来接收参数。另外,如果想要在router-link中传递参数,可以使用动态绑定的方式,将参数传递给to属性的对象中的params字段。\[1\]
问题: router-view的name无用
回答: 在存在子路由的情况下,根路由的name属性是无用的。\[1\]这是因为子路由会覆盖根路由的name属性,所以无法通过{{$route.name}}来获取根路由的name值。如果需要在子路由中获取参数,可以使用{{$route.params.xxx}}来接收参数。
#### 引用[.reference_title]
- *1* [vue-router 02子路由及路由传参](https://blog.csdn.net/bagamaka/article/details/123691176)[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* *3* [Vue——路由(面试、引入、router-view和router-link标签、动态路由&传参、路由嵌套--子路由跳转、路由模式-...](https://blog.csdn.net/qq_52301431/article/details/126772899)[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 ]
阅读全文
相关推荐
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.png)
![docx](https://img-home.csdnimg.cn/images/20241231044901.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.png)
![docx](https://img-home.csdnimg.cn/images/20241231044901.png)