关于iview中Menu 导航菜单循环嵌套多级嵌套

最新推荐文章于 2023-05-18 11:00:19 发布

AnJesi

最新推荐文章于 2023-05-18 11:00:19 发布

阅读量4.1k

点赞数 3

分类专栏： iview vue

本文链接：https://blog.csdn.net/shi_Avicii/article/details/94397848

版权

本文介绍了如何利用iview的Menu组件，通过后端接口获取数据，创建动态的、可循环嵌套的多级导航菜单。文章提供了一个子组件和父组件的示例代码，讲解了父组件如何传递数据给子组件，并提醒在动态更新菜单时需要注意的问题，以及菜单与tab标签联动的可能性。

摘要由CSDN通过智能技术生成

介绍：

菜单通过后端接口请求数据来进行渲染

达到图中所示例的效果（ps：图中仅展示二级菜单，可根据需求三级四级）

开始撸代码。

这是官方的菜单代码。

            <Menu :theme="theme2">
                <Submenu name="1">
                    <template slot="title">
                        <Icon type="ios-paper" />
                        内容管理
                    </template>
                    <MenuItem name="1-1">文章管理</MenuItem>
                    <MenuItem name="1-2">评论管理</MenuItem>
                    <MenuItem name="1-3">举报管理</MenuItem>
                </Submenu>
                <Submenu name="2">
                    <templ