vue实现多级菜单效果

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

效果图:

效果说明:

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

思路:

通过递归的方式。

代码:

子组件 MenuItem

// 子组件代码

 

父组件调用子组件


 

 

结语:

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

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

你可能感兴趣的