后台管理系统笔记

1.权限管理

后台经验分享：如何做权限管理系统设计？

页面权限：

在home页面导航栏页面控制显示哪个页面

<div class='container'>
        <!-- 导航栏 -->
        <div class="menuDiv">
            <div class="logo">
                <img src="LOGO.png" alt class="logoimg">
            </div>
            <div class="menuList">
                <div class="menuItem" 
                    :class="{'menuItemClicked' : clickedMenu.name== item.name}" 
                    v-for='(item, index) in navlist' :key='index'  
                    v-if="!item.hidden"
                    @click="menuclick(item)"
                >
                    <img class='' :src="getImg(item.iconImg)" alt="">
                    <p class="clickedmenu">{{item.name}}</p>

                    <div class="submenu">
                        <p 
                            v-for='(subitem, ind) in item.children' :key='ind'
                            v-if="!subitem.hidden"
                            :class="{'submenClicked' : clickedSubMenu.name== subitem.name}" 
                            @click="submenuclick(subitem)"
                        >
                        {{subitem.name}}
                        </p>
                    </div>
                </div>
            </div>
        </div>

 

var allmenuList = _.$router.options.routes 可以遍历左侧导航栏

 

操作权限：...

2.