Vue+Element UI实现下拉菜单的封装

本文实例为大家分享了Vue+Element UI实现下拉菜单封装的具体代码，供大家参考，具体内容如下

1、效果图

先贴个效果图，菜单项没有做样式美化，图中显示的边框也是没有的（边框是外部容器的边框），其它的根据需要自己修改一下样式即可。

2、组件封装

组件的封装用到了CSS动画、定位，以及Element UI提供的下拉菜单组件el-dropdown，代码如下

3、父组件中使用举例

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