权限动态函数

最新推荐文章于 2024-03-27 14:58:25 发布

beichen3997

最新推荐文章于 2024-03-27 14:58:25 发布

阅读量131

点赞数 1

分类专栏： vue JS 添加动态权限管理

本文链接：https://blog.csdn.net/beichen3997/article/details/88719887

版权

vue 同时被 3 个专栏收录

92 篇文章 2 订阅

订阅专栏

29 篇文章 0 订阅

订阅专栏

添加动态权限管理

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var arr=[
      {
        path: '/continue',
        meta: {
          title: '继续教育',
          icon: 'icon-ic_dashboard',
          hidden: false,
          list: true
        },
        children: [
          {
            path: '/education',
            name: 'education',
            meta: {
              title: '继续教育',
              icon: 'icon-ic_dashboard',
              hidden: true
            },
			children:[]
          }
        ]
      },
      {
        path: '/personal',
        meta: {
          title: '个人中心',
          icon: 'icon-ic_dashboard',
          hidden: true,
          list: true
        },
        children: [
          {
            path: '/course',
            name: 'course',
            meta: {
              title: '我的在线课程',
              icon: 'icon-ic_dashboard',
              hidden: false
            },
			children:[]
          },
          {
            path: '/oflTraining',
            name: 'oflTraining',
            meta: {
              title: '线下培训通知',
              icon: 'icon-ic_dashboard',
              hidden: false
            },
			children:[]
     
          },

          {
            path: '/personaldata',
            name: 'personaldata',
            meta: {
              title: '个人资料',
              icon: 'icon-ic_dashboard',
              hidden: true
            },
			children:[]
          
          },
          {
            path: '/personalEdit',
            name: 'personalEdit',
            meta: {
              title: '更新个人资料',
              icon: 'icon-ic_dashboard',
              hidden: true
            },
			children:[]
           
          },
          {
            path: '/paypersons',
            name: 'paypersons',
            meta: {
              title: '缴费成为会员',
              icon: 'icon-ic_dashboard',
              hidden: true
            },
			children:[]
          
          }
        ]
      },
      {
        path: '/home',
        redirect: '/home',
        meta: {
          title: '首页',
          icon: 'icon-ic_dashboard',
          hidden: false,
          list: true
        },
        children: [
          {
            path: '/homelist',
            name: 'homelist',
            meta: {
              title: '首页',
              icon: 'icon-ic_dashboard',
              hidden: true
            },
			children:[]
          }
			]
      }
    ]
	var list =[
      {
        path: '/continue',
        redirect: '/education1',
        meta: {
          title: '继续教育',
          icon: 'icon-ic_dashboard',
          hidden: false,
          list: true
        },
        children: [
          {
            path: '/education1',
            name: 'education1',
            meta: {
              title: '继续教育',
              icon: 'icon-ic_dashboard',
              hidden: true
            },
         
          }
        ]
      },
      {
        path: '/personal',
    
        meta: {
          title: '个人中心',
          icon: 'icon-ic_dashboard',
          hidden: true,
          list: true
        },
        children: [
          {
            path: '/course',
            name: 'course',
            meta: {
              title: '我的在线课程',
              icon: 'icon-ic_dashboard',
              hidden: false
            },
           
          },
          {
            path: '/oflTraining',
            name: 'oflTraining',
            meta: {
              title: '线下培训通知',
              icon: 'icon-ic_dashboard',
              hidden: false
            },
           
          },

          {
            path: '/personaldata',
            name: 'personaldata',
            meta: {
              title: '个人资料',
              icon: 'icon-ic_dashboard',
              hidden: true
            },
            
          },
          {
            path: '/personalEdit',
            name: 'personalEdit',
            meta: {
              title: '更新个人资料',
              icon: 'icon-ic_dashboard',
              hidden: true
            },
         
          }
        ]
      }
    ]
// 		arr.filter((value)=>{
// 			list.map((item)=>{
// 				if(value.path==item.path){
// 					if(value.children&&value.children.length){
// 						
// 					}
// 					
// 				}
// 			})
// 		})
		function search(arr,list){
			console.log(arr,list,'tou')
			// let lists =list
			let delist=arr.map((value)=>{
				for(let i=0;i<list.length;i++){
					if(list[i].path===value.path){
						if(value.children&&value.children.length){
							value.children=search(value.children,list[i].children)
						}else if(value.children.length===0){
							value.children=[]
						}
						return value
					}
				}
			})
			console.log(delist,arr,'delist')
			return delist
		}
		
		console.log(search(arr,list))
		</script>
	</body>
</html>