element-ui關於el-select的下拉框選項中出現“無匹配數據”問題分析及解決辦法

最近的項目前端用到vue+elementui框架,在使用過程中遇到很多問題,在後幾篇文章中會一一列出,有解決的,有沒解決的。

先說關於select下拉框的問題:(項目原因無法截圖) 具體現象是在某個下拉框下面會在顯示完所有的下拉選項後出現一個額外的下拉框,裏面顯示“無匹配數據”。

先說一下問題原因:在你選中一個下拉選項後,由於功能需要更新了下拉框的option對應的值,並且你的select的v-model綁定的值並沒有更新,就會出現以上描述的問題。即你el-select對應的v-model在el-option中找不到對應的值,就會出現上述錯誤。

解決方案:在每次更新option時,清空select v-model綁定的值

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章