Vue element-UI el-select循環(huán)選中的問題
element-UI el-select循環(huán)選中問題
由于使用el-checkbox-group多選框循環(huán)包圍著同一個下拉框,導(dǎo)致下拉框選中后無法正常回顯
@change="$forceUpdate()"?
這里使用了$forceUpdate(),使其強制更新視圖,下面是我的源碼
<el-checkbox-group v-for="(item,index) in getMonitorAdd" :key='index' v-model="item.userId" > ?? ?<el-checkbox >{{item.userName}}</el-checkbox> ?? ?<el-select v-model="item.arr" @change="$forceUpdate()" placeholder="請選擇"> ?? ??? ?<el-option v-for="items in userTypeSel" :key="items.id" :label="items.code" :value="items.value"></el-option> ?? ?</el-select> </el-checkbox-group>
vue element-ui select 多選默認(rèn)值
編輯需要設(shè)置默認(rèn)值
<div class="add_item active"> <div class="add_name"> 參與者:</div> <div class="add_input"> <el-select v-model="edituser_ids" multiple filterable placeholder="請選擇"> <el-option v-for="item in addOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option> </el-select> </div> </div>
接口返回的格式是1,2這樣的字符串 需要轉(zhuǎn)換為數(shù)組格式 但是轉(zhuǎn)換為數(shù)組里的值還是字符串格式 select默認(rèn)以為是顯示的內(nèi)容
解決方法
this.editmain_user_ids = res.data.data.main_user_ids.split(',').map(Number);
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
- VUE?Element修改el-input和el-select長度的具體步驟
- element?el-select下拉框選擇失效解決辦法
- 基于element-ui中el-select下拉框選項過多的優(yōu)化方案
- vue之elementUi的el-select同時獲取value和label的三種方式
- elementui?el-select?change事件傳參問題
- element中el-select的使用及說明
- elementUI動態(tài)表單?+?el-select?按要求禁用問題
- 解決element-ui的el-select選擇器的@blur事件失效的坑
- vue+element開發(fā)使用el-select不能回顯的處理方案
- element修改form的el-input寬度,el-select寬度的方法實現(xiàn)
- Element中el-select下拉框?qū)崿F(xiàn)選中圖標(biāo)并回顯圖標(biāo)
相關(guān)文章
vue-cli的index.html中使用環(huán)境變量方式
這篇文章主要介紹了vue-cli的index.html中使用環(huán)境變量方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-10-10vue3使用別名報錯問題的解決辦法(vetur插件報錯問題)
最近在寫一個購物網(wǎng)站使用vue,使用中遇到了問題,下面這篇文章主要給大家介紹了關(guān)于vue3使用別名報錯問題的解決辦法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07更強大的vue ssr實現(xiàn)預(yù)取數(shù)據(jù)的方式
這篇文章主要介紹了更強大的 vue ssr 預(yù)取數(shù)據(jù)的方式,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07在vue中使用cookie記住用戶上次選擇的實例(本次例子中為下拉框)
這篇文章主要介紹了在vue中使用cookie記住用戶上次選擇的實例(本次例子中為下拉框),具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09