vue实现多级菜单效果

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

效果图：

效果说明：

点击父菜单，如果有子菜单就在其左侧显示出子菜单

思路：

通过递归的方式。

代码：

子组件 MenuItem

// 子组件代码

 

父组件调用子组件

结语：

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

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