element ui 菜单封装_使用element-ui二次封装一个可复用树形菜单组件

{{ item.menuName }}

{{ item.menuName }}

export default {

props: ['menus'],

name: 'tree-menu',

}

使用时：

class="left-nav-list"

:router='true'

background-color="#070916"

text-color="#fff"

:default-active="$route.path"

>

import treeMenu from '@/components/common/TreeMenu/treeMenu'

export default {

name: 'Base',

data(){

return {

leftmenus:[

{menuName:'用户管理',menuUrl:'/Base/user'}

]

}

},

components:{treeMenu}

}