代碼:
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中