select選擇器通過filter-method方法實現拼音搜索及options中英文混合排序,踩坑記錄


情況描述:使用element-ui的select組件的filter-method方法實現拼音搜索,

     並將結果在下拉框中中英文混合排序顯示。

     輸入內容超過一個字符時,單選框自動清空。

      

 

 

 

 

原因記錄:filter-method方法有漏洞,會重置搜索框的value。

解決方法:無法解決內部原因,即從外部入手:

      在搜索函數結束時,將傳入的value再次賦值給v-model綁定的值。

初始做法

      選擇器分為單選和多選:

      

      

      

 

解決方法:   由於filter-method不是事件,

      所以不能用 

      於是使用箭頭函數傳入value和當前元素:

 

      

      通過isArray判斷,單選時做數據恢復處理:

      

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM