el-select remote 遠程搜索 多個共享一個options,options改變時輸入框值不顯示名稱的問題


 原因:el-select remote 遠程搜索 多個共享一個options,當使用 remote-method 請求數據后,options被改變,value的值不包含在options中,value的值是一個id,當然就顯示id了,難道還顯示name?

嘗試解決的時候發現,把 options 置空,可以保留name的值

方案如下:

@focus="handleFocus"

handleFocus() {
  this.options = [];
}

 

------------------------ 其它方案有待嘗試 ---------------------

一、使用不同的options

1.remote-method傳遞索引參數

v-bind="{ remoteMethod: remoteQuery.bind(null,i) }"

methods: {
  remoteQuery(i, query){
    console.log(i)
  }
}

2.同樣也可以用:value@inputindex定義自己的邏輯

二、或者也可以使用input的遠程搜索


免責聲明!

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



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