在vue中 利用ul实现select的效果

代码：

HTML：

js: 

其中flagList是：

ps: 

1、 flag-icon是“flag-icon-css”这个插件中的class

2、显示/隐藏ul：用v-show="isShowFlagList"控制ul，isShowFlagList初始值为false，点击input框时，改变isShowFlagList状态。为防止用户在输入过程中，误操作点击input后，会将ul隐藏，所以只要input触发keyup事件，isShowFlagList的值始终为true

3、搜索功能的主要思路：现将原数组flag List备份，保存在flagDic中，input触发keyup事件时， 遍历数组falgDic,用indexOf查找输入的值，若找到（返回的不是-1），就将当前值插入flagList中