可以通过 npm install element-menu进行安装
<script>
export default {
name: 'menu-items',
props: ['menuList', 'active_menu'],
render: function(h) {
var showMenu = menuList => {
if (menuList.length > 0) {
return menuList.map((menuItem, index) => {
if (menuItem.children.length > 0) {
return (
<el-submenu index={menuItem.id} key={ menuItem.id} title={menuItem.text}>
<template slot="title">
<i class={`iconfont ${menuItem.icon}`}></i>
<span>{menuItem.text}</span>
</template>
{showMenu(menuItem.children)}
</el-submenu>
)
} else {
return(
<el-menu-item index={menuItem.path} key={ menuItem.id}>
<i class={`iconfont ${menuItem.icon}`}></i>
<span slot="title">{menuItem.text}</span>
</el-menu-item>
)
}
})
}
}
return (
<el-menu
mode="vertical"
default-active={this.active_menu}
background-color="#383958"
text-color="#fff"
active-text-color="#ffd04b"
router>
<template style="display: block">
{showMenu(this.menuList)}
</template>
</el-menu>
)
}
}
</script>
原文地址:https://blog.51cto.com/u_14846736/2742799
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。