前端使用vue框架做開發時,我們一般都會使用element ui第三方組件庫;不得不說,對於第三方的組件庫的存在,確實大大的提高了前端的開發效率;但時不時的也會遇到一些坑,這個時候,一定要看清楚官方文檔的說明,這個很重要;
使用select綁定對象時,我們會出現這樣的一個問題:
1.options列表展現出來的數據全部都是藍色的;
2.select的value值在給默認值得情況下,展示的不是默認值,而是options中的隨機一個
3. 或者是展示不正常的


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

我們需要在select上加上 value-key這屬性;默認值是value;當我們提供的選擇的列表對象中存在value這個屬性時,那以上問題就能夠解決;
但是,往往我們在開發中,所獲取的數據有可能是后台接口提供的,我們會困惑,這個"value-key"到底是填什么值呢?以下是element ui的源碼,

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

