<output id="qn6qe"></output>

    1. <output id="qn6qe"><tt id="qn6qe"></tt></output>
    2. <strike id="qn6qe"></strike>

      亚洲 日本 欧洲 欧美 视频,日韩中文字幕有码av,一本一道av中文字幕无码,国产线播放免费人成视频播放,人妻少妇偷人无码视频,日夜啪啪一区二区三区,国产尤物精品自在拍视频首页,久热这里只有精品12

      雙循環(huán)遞歸匹配路由表

      /**
      *根據(jù)后端返回?cái)?shù)據(jù)要求,導(dǎo)航欄權(quán)限返回的是要展示的所以信息,所以我們只能根據(jù)返回的對象去匹配我們的路由表,把沒有返回的項(xiàng)再路由表里剔除,然后重新生成路由表
      */
      // 此處數(shù)據(jù)皆為模擬操作,真是數(shù)據(jù)請結(jié)合實(shí)際情況獲取
      data: {
          route: [  // 我們定義好的路由表
              {path:"/",name:"a",hidden:true},
              {path:"/b",name:"b",hidden:true,children:[
                  {path:"/b_1",name:"b_1",hidden:true},
                  {path:"/b_2",name:"b_2",hidden:true},
              ]},
              {path:"/c",name:"c",hidden:true,children:[
                  {path:"/c_1",name:"c_1",hidden:true},
                  {path:"/c_2",name:"c_2",hidden:true},
                  {path:"/c_3",name:"c_3",hidden:true},
              ]},
              {path:"/d",name:"d",hidden:true},
          ],
          permisRoute: [ // 后端返回的路由表權(quán)限
              {name:"a"},
              {name:"b",permission:[
                  {name:"b_1"},
              ]},
              {name:"c",permission:[
                  {name:"c_1"},
                  {name:"c_2"},
              ]},
          ]
      },
      methods: {
          /**
           * [此處方法應(yīng)寫store里,然后再在beforeEach里去動(dòng)態(tài)添加路由,vue2.0提供了addRoutes方法
           * @param  {[type]} route       [router里面自己定義好的路由表]
           * @param  {[type]} permisRoute [后臺(tái)返回路由表權(quán)限]
           * @return {[type]}             [生成新的路由表]
           */    
           filterRoute: function(route,permisRoute) {
              for(let item of permisRoute){
                  const name = item.name;
                  for(let item of route){
                      // 修改hidden,匹配路由表
                      if(item.name == name){
                          item.hidden = false;
                          break;
                      }
                  }
                  if(item.permission){
                      const permisRouteChild = item.permission;
                      const routeChild = route.filter(itme => {
                          return itme.name == name;
                      })
                      // 遞歸路由表
                      this.filterRoute(routeChild[0].children,permisRouteChild)
                  }
              }
              return route
          },
         filtersHidden: function (arr) { // 上一步只是把里面hidden變成true,把filterRoute返回結(jié)果傳入此函數(shù)可以過濾掉hidden為true的對象
          const accessedRouters = arr.filter(route => {
            if(!route.hidden){
              if (route.children && route.children.length) {
                route.children = this.filtersa(route.children)
              }
              return true
            }
          })
          return accessedRouters
        },
      }

       邏輯可能有點(diǎn)復(fù)雜,如果有更好的方法請指教

      posted @ 2018-04-24 10:54  chengJun—  閱讀(683)  評論(0)    收藏  舉報(bào)
      主站蜘蛛池模板: 国产成人午夜福利院| 久热这里只有精品视频3| 精品人妻中文字幕av| 国产免费久久精品44| 色综合视频一区二区三区| 91蜜臀国产自产在线观看| 亚洲理论在线A中文字幕| 久久精品国产精品第一区| 人妻中文字幕精品系列| 亚洲欧美中文日韩V在线观看| 久久人妻精品大屁股一区| 日韩乱码人妻无码中文字幕| 国产亚洲精品综合一区二区| 五级黄高潮片90分钟视频| 国产伦精品一区二区亚洲| 精品人妻免费看一区二区三区| 久久这里只有精品首页 | 伊人久久大香线蕉综合影院首页| 俄罗斯美女真人性做爰| 日韩少妇人妻vs中文字幕| 岗巴县| 性欧美暴力猛交69hd| 四虎永久地址WWW成人久久| 大宁县| 美女胸18下看禁止免费视频| 亚洲一区二区偷拍精品| 天天看片视频免费观看| 视频一区二区三区四区不卡| 欧美熟妇乱子伦XX视频| 亚洲无码精品视频| 开心激情站一区二区三区| 粗壮挺进人妻水蜜桃成熟| 中文人妻av高清一区二区| 欲色欲色天天天www| 九九久久精品国产免费看小说| 精品免费看国产一区二区| 自拍偷在线精品自拍偷99| 亚洲夜色噜噜av在线观看| 色综合久久综合中文综合网| 亚洲av区一区二区三区| 国产精品高清视亚洲中文|