element ui 中的select綁定值為對象時出現的坑


前端使用vue框架做開發時,我們一般都會使用element ui第三方組件庫;不得不說,對於第三方的組件庫的存在,確實大大的提高了前端的開發效率;但時不時的也會遇到一些坑,這個時候,一定要看清楚官方文檔的說明,這個很重要;

使用select綁定對象時,我們會出現這樣的一個問題:

  1.options列表展現出來的數據全部都是藍色的;

  2.select的value值在給默認值得情況下,展示的不是默認值,而是options中的隨機一個

    3. 或者是展示不正常的

 

 

此時,就需要看看官方文檔的說明了

 

 我們需要在select上加上 value-key這屬性;默認值是value;當我們提供的選擇的列表對象中存在value這個屬性時,那以上問題就能夠解決;

但是,往往我們在開發中,所獲取的數據有可能是后台接口提供的,我們會困惑,這個"value-key"到底是填什么值呢?以下是element ui的源碼,

 

 揭秘時刻:value-key中要填的值應該是提供選擇的列表中的任意一個屬性值,即可

 


免責聲明!

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



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