下面小编就为大家分享一篇Vue.js做select下拉列表的实例(ul-li标签仿select标签)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

目标：用ul-li标签结合Vue.js知识做一个模仿select标签的下拉选项列表。 知识点： 组件的写法及运用 组件之间的数据传递（props的运用） 组件之间的数据传递（$emit的运用） 动态数据的绑定（v-bind） 自定义事件通信 效果图： 1、未做任何操作前，下拉列表为隐藏状态 2、点击输入框显示下拉列表 3、 点击列表项，输入框值跟随改变 PS: 为了演示data1, data2两组数据的绑定，实例中创建了两个列表 html代码： ul-li模仿s