日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

elementui select 赋值后,回显没有默认选中label,而是显示value值

發布時間:2023/12/31 编程问答 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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 的數據類型保持一致即可)。轉換數據類型太簡單了自己根據實際情況,想最簡單的辦法處理吧。

<el-form-item label="xxxxx" prop="weChatRobotId"><el-selectv-model.trim="dialogData.weChatAutoSendMessageTaskDO.weChatRobotId"filterable:reserve-keyword="true"placeholder="請輸入"style="width: 300px"multiple@change="profilePlatformUidChange"><el-optionv-for="item in enterpriseList" // enterpriseList 這個數組就是用來做select 可以選擇列表的:key="item.value" :label="item.label":value="item.value"></el-option></el-select></el-form-item>

選擇列表示意圖:

可以使用 typeof 來簡單判斷 你賦值數據的數據類型,因為一般來說,value 的值一般是數字,數據類型一般是 String, 或 Number。

總結

以上是生活随笔為你收集整理的elementui select 赋值后,回显没有默认选中label,而是显示value值的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。