解决办法是,将父级的name去掉。(大多数情况下是按name来跳转的,不过这样一改,调到父级就得用路径跳转了); 下面上一下路由的配置: 注意。父级路由没有name哦        Read More            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-05-20 10:44:00
                            
                                1355阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            目录结构: 演示效果: HTML代码: JAVASCRIPT代码:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-12-01 09:50:00
                            
                                1102阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            需求:根据登录的角色不一样,实现不同的路由展示,例如:超级管理员登录能访问所有菜单,普通用户登录就只能展示部分菜单。1.首先在路由里面配置两份路由,一份静态的默认路由,例如登录页面,404页面export const constantRoutes = [
    {
        path: '/',
        redirect:'/login'
    },
    {            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-17 10:12:48
                            
                                2130阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            开始这章我们来讲怎么配置react和react-router。antd因为项目中需要使用到antd,所以我们先引入antd先。这里有一点要说一下,antd v3.9.0之后在打包时会有一个icons的包非常大,而且目前并没有很好的解决办法,所以我们使用的是3.8.2版的。关于这个问题,GitHub上也有,下面附上链接:https://github.com/ant-design/ant-design            
                
         
            
            
            
            之前我们一直在聊的是如何去选择路由器,折腾路由器,刷各种固件,一般的家庭用户还真用不上这些。那么这次就来聊聊简单一些的,讲讲如何搭建家庭网络设备吧。网络设备这东西,主要与家里的面积大小强相关,下面就按照使用面积来,从小到大逐一讲讲。 A  单身公寓一般的单身公寓,都是一个大开间,面积在 30-50 平米之间。因为只有一个大的活动空间,不存在多堵墙体阻挡的情况,所以这类环境的网络            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-23 12:52:16
                            
                                66阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            什么是子路由:简单的说就是如果你希望可以无限制的在一个组件的内部进行多级嵌套其他组件,但是由于每层的嵌套都是以上一层为基础的,所以你在找到嵌套在内层的组件时就需要用到angular子路由来导航,当然这是相对来说的,根路由和子路由都是相对的。子路由语法: 当我访问home组件时,会展示home组件,当我访问xxx组件时在home组件模板上的rooteroutlet插座位置显示组件Xxx的模板内容,访            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-01 22:38:35
                            
                                0阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            Vue路由之组件切换今天我们来简单说一下Vue的路由实现组件之间的切换。利用Vue的路由实现组件之间的切换,大致需要五步走:导入Vue-router.js包创建子组件创建路由对象把路由和我们的VM(view model)关联起来挖坑,引路具体怎么实现,我们结合着代码来简单的说一下:1.导入Vue-router.js包<script src="../lib/vue-2.5.17/vue-rou            
                
         
            
            
            
            1组网模型1.1组网场景(underlay)北京HUB:CPE双线接入MPLS网络和宽带网络,宽带网络具有全球IP。杭州HUB:CPE双线接入MPLS网络和移动网络,宽带网络具有全球IP。SPOKE1:单线旁挂接入站点核心交换机,无全球IP。SPOKE2:CPE双线接入MPLS网络和宽带网络,宽带网络具有全球IP。SPOKE3:CPE双线接入MPLS网络和移动网络,移动网络无全球IP。MPLS组网            
                
         
            
            
            
            路由是VUE的一大特点,初期开发的时候自己没理解好导致刷新跳转到首页还有路由之间传值复杂化的问题。现在就分享一下我的部分体会。一、嵌套路由 路由嵌套应该是基础知识,坑点有:    1.按照写好的菜单跳转只push 当前组件而不是按照路由文件顺序加载(比如我要加载home.vue 直接push该path 结果不行,在页面重新引入home.vue 发现可以了,就以为自己写            
                
         
            
            
            
            在实际开发中,嵌套路由经常会用到,基本用法也很简单,今天遇到了当前路由下(父路由)在点击它的子路由时,他的(父路由)选中状态消失了 原因是: 1.子路由router-link加了exac精确匹配路由 2.在写路由的时候,父子路由没有严格按照一级/二级来写 嵌套路由中默认选中第一个子路由 主路由的设置            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-08-17 12:12:00
                            
                                870阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            this.$router.push跳转现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。父组件中:<li v-for="article in articles" @click="getDescribe(article.id)">methods:方案一:getDescribe(id) {
//   直接调用$router.push 实现携带参数的跳转
              
                
         
            
            
            
            Title 首页 关于我们 翠花 王老五 var routes = [ { path:"/", component:{ template:` ...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-05-20 19:59:03
                            
                                284阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            第8章  深入讨论路由表8.3.3  第1级路由  第1级路由是指子网掩码等于或小于网络地址有类掩码的路由。第1级路由可作以下用途:默认路由:超网路由:网络路由;8.3.4父路由和子路由:有类路由  父路由实际上是表示存在第2级路由的一个标题,第2级路由也称为子路由。  只要向路由表中添加一个子网,就会在表中自动创建第1级父路由。也就是说,只要向路由表中输入一条掩码大于有类掩码的路由,就会在路由表            
                
         
            
            
            
            弄了好长时间,记得之前写的时候没问题呀,现在不知道哪里出现问题,后来才发现 是 exact 和 跳转子路由 路径的问题,哎 App.js import React, {lazy, Suspense} from "react"; import { Switch, Route } from 'react ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-27 16:39:00
                            
                                2910阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            动态路由匹配(官方解释)我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个 User 组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果:const User = { 
    template: '<div>User</            
                
         
            
            
            
            vue-router之子路由-路由嵌套            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-05-08 10:06:19
                            
                                1313阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我们上节课初步了解Vue-router的初步知识,也学会了基本的跳转,那我们这节课学习一下子菜单的路由方式,也叫子路由。子路由的情况一般用在一个页面有他的基础模版,然后它下面的页面都隶属于这个模版,只是部分改变样式。我们接着第一节课的实例,在Hi页面的下面新建两个子页面,分别是 “Hi页面1” 和 “Hi页面2”,来实现子路由。一、改造App.vue的导航代码我们需要先改造app.vue的导航代码            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-06 23:04:06
                            
                                206阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            华为路由Q2 PRO是华为推出的用于解决大户型或复杂户型家庭的WiFi信号覆盖问题的路由产品,它在传统电力猫方案的基础,通过软、硬件的优化,让子母路由达到了更高速稳定的信号扩展,而如果有更高要求的话,还可以通过多个母路由组成Mesh WiFi和PLC的混合组网。(详情观看下方视频)————图文版————随着智能手机等移动设备的快速发展,无线路由器在近十年的时间内迅速普及,可以说已经成为当今家庭中必            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-25 10:34:56
                            
                                985阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            在Vue Router中可以通过配置<router-view>组件的keep-alive属性来保持组件状态,以达到在不同路由之间切换时保持组件状态的目的。同时,可以使用<router-link>组件的exact属性来指定是否精确匹配路由路径。针对您的问题,可以通过以下步骤实现父路由默认选中第一个子路由,切换子路由时父路由仍然激活高亮效果:在父路由的组件中使用<rout            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-14 07:11:03
                            
                                2311阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                              &            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-14 10:00:08
                            
                                2544阅读