bug示意圖： 給 select 賦值，select 展示的卻是value的數(shù)據(jù), 不是我們想看到 label 對應(yīng)的數(shù)據(jù)，而且在下方的選擇列表中并沒有選中傳遞過來的數(shù)據(jù)

這個問題一般是 select v-model 所綁定的屬性的數(shù)據(jù)類型和 可以選擇列表中的value的數(shù)據(jù)類型不匹配造成的。
比如： 我的 v-model 綁定的是 dialogData.weChatAutoSendMessageTaskDO.weChatRobotId ，回顯就是自己主動給這個 v-model 賦值，如果你給這個 v-model綁定的屬性賦值 的數(shù)據(jù)類型是 Number,而enterpriseList選擇列表 中的 value 是 String 類型，這個樣子就會出現(xiàn) 標題問題。
解決辦法：就是把二者的數(shù)據(jù)類型同一即可（既v-model 綁定的屬性和 選擇列表中 value 的數(shù)據(jù)類型保持一致即可）。轉(zhuǎn)換數(shù)據(jù)類型太簡單了自己根據(jù)實際情況，想最簡單的辦法處理吧。

<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 這個數(shù)組就是用來做select 可以選擇列表的:key="item.value" :label="item.label":value="item.value"></el-option></el-select></el-form-item>

選擇列表示意圖：

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。