使用子路由进行路由设置

莴笋炒鸡蛋 2023-01-13 12:02:41

课时名称	课时知识点
使用子路由进行路由设置	使用子路由进行路由设置

...全文

152 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

这样，当进入父路由时，默认会重定向到第一个子路由，并将其激活状态设置为父路由的激活状态。当切换子路由时，父路由的激活状态会保持不变，并继续使用子路由的激活类名来保持子路由的激活状态。为了保持父路由高亮不消失，我们使用了全局的导航守卫。同时，为了让子路由切换时父路由仍然激活高亮效果，需要在父路由的。属性来保持组件状态，以达到在不同路由之间切换时保持组件状态的目的。这样，在切换子路由时，父路由的高亮状态将保持不变。，并在该路由的子路由中设置了默认选中的子路由。在父路由的组件的样式中添加。在父路由的组件中使用。

路由通过children关键字设置子路由基本介绍子路由：通过children关键字给路由设置子路由。一般项目开发中，App.vue是根基组件(第1级别)，内部可以有具体业务组件Home.vue，Music.vue，它们是第2级别，根据业务需要，业务组件内部还要做内容分级显示，例如音乐Music.vue下边要求显示台湾音乐，大陆音乐等，它们是第3级别组件。第3级别组件做应用的时候需要设置路由，并且与第2级别组件路由有形成父子关系，故称为子路由。子路由应用案例：给Music组件创建子级组件

什么是嵌套路由？嵌套路由就是在父组件中的子组件路由里面又嵌套了一层子（孙子）组件路由就像这样：在App主组件中有三个子组件使用路由的方式进行切换，以达到SPA功能但同时又在子组件关于页面中又使用了一层路由实现了一个Tab栏切换的功能这就是嵌套路由--- 目录嵌套路由的使用默认子路由我们在使用嵌套路由的时候，大体操作和基本路由一致，需要注意的是要通过children属性来声明子路由规则就像这样--- 嵌套路由的使用在路由模块中我们先导入需要的组件 // 导.

vue之子路由的配置 1.需求:1级路由配置子路由，在Book下配置两个子路由 2.第一步在router文件下的index.js文件中的对应页面配置它的子路由（二级路由） 3.①在父页面中写好子路由页面②完善子页面 4页面显示子路由 5结束总结 ①.路由在index.js中配置好子路由时记得导出。 ②子路由:to中可以写{name：‘子路由名’}或者{path：‘子路由路径’}，写路由名字不易出错 ...

本文知识点比较简单，主要面向新人解惑，vue前辈请忽略。我们需要实现的效果，父路由默认选中第一个子路由，切换子路由让父路由高亮不会消失，见下图：在实际开发中，可能遇到了当前路由下（父路由）在点击它的子路由时，他的（父路由）选中状态消失了原因： 1、子路由router-link加了exac精确匹配路由 2、在写路由的时候，父子路由没有严格按照一级/二级来写 ...

胡老师的课程社区_NO_1

1

社区成员

27

社区内容

发帖

与我相关

我的任务

数据库个人社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章