elementui select 赋值后,回显没有默认选中label,而是显示value值
生活随笔
收集整理的這篇文章主要介紹了
elementui select 赋值后,回显没有默认选中label,而是显示value值
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
bug示意圖: 給 select 賦值,select 展示的卻是value的數據, 不是我們想看到 label 對應的數據,而且在下方的選擇列表中并沒有選中傳遞過來的數據
這個問題一般是 select v-model 所綁定的屬性的數據類型和 可以選擇列表中的value的數據類型不匹配造成的。
比如: 我的 v-model 綁定的是 dialogData.weChatAutoSendMessageTaskDO.weChatRobotId ,回顯就是自己主動給這個 v-model 賦值,如果你給這個 v-model綁定的屬性賦值 的數據類型是 Number,而enterpriseList選擇列表 中的 value 是 String 類型,這個樣子就會出現 標題問題。
解決辦法:就是把二者的數據類型同一即可(既v-model 綁定的屬性和 選擇列表中 value 的數據類型保持一致即可)。轉換數據類型太簡單了自己根據實際情況,想最簡單的辦法處理吧。
選擇列表示意圖:
可以使用 typeof 來簡單判斷 你賦值數據的數據類型,因為一般來說,value 的值一般是數字,數據類型一般是 String, 或 Number。
總結
以上是生活随笔為你收集整理的elementui select 赋值后,回显没有默认选中label,而是显示value值的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 无线路由器与无线网卡详解-路由器如何当无
- 下一篇: element-ui中table表头错位