本文介绍如何使用Vue.js实现一个可复用的Select组件。该组件支持点击输入框触发下拉菜单的显示与隐藏，具备鼠标悬停效果，并可在选择菜单项后更新输入框内容。
技术要点：组件化select这一功能。vue父子组件之间通过props传参
功能说明：点击输入框决定下拉菜单的折叠与展开；
下拉菜单的每一项移入移除效果；
点击下拉菜单，菜单隐藏，并且在输入框中显示选择的内容。
效果图：
默认界面
点击选择下拉框界面
demo代码：
父组件：
子组建：
html部分
script部分
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
