如何手动编写一个基于vue2的dropdown下拉菜单组件实例？

本文共计1929个文字，预计阅读时间需要8分钟。

目录概述最终效果（图片未显示，请确定会显示，可先查看背面）实现原理具体实现目录结构emitter.jsMyDropdown.vueMyDropdownMenu.vueMyDropdownItem.vue总结概述最终效果实现原理具体实现目录结构总结

目录

• 概述
• 最终效果（动图没显示出来，请稍定会儿，可以先看后面）
• 实现原理
• 具体实现
• 目录结构
• emitter.js
• MyDropdown.vue
• MyDropdownMenu.vue
• MyDropdownItem.vue
• 总结

概述

一般后台项目结合分页组件用到这个dropdown组件，用来做显示分页条数，其他用到这个组件的地方倒不是很多，其实现思路和select组件有那么些相似,现记录下这个组件的实现。