vue实现多级菜单效果 vue实现多级菜单效果

本文实例为大家分享了vue实现多级菜单效果的具体代码，供大家参考，具体内容如下
效果图：

文章图片

效果说明：
点击父菜单，如果有子菜单就在其左侧显示出子菜单
思路：
【vue实现多级菜单效果】通过递归的方式。
代码：
子组件 MenuItem

// 子组件代码 ul,li {list-style: none; }

父组件调用子组件

ul,li{list-style: none !important; }

结语：
效果图中是将子菜单显示在父菜单的左侧，也可以直接通过把下面的样式删除，让子菜单显示子父菜单的右侧

文章图片

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

vue实现多级菜单效果