欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue elementUI select下拉框如何設(shè)置默認(rèn)值

 更新時(shí)間：2023年10月08日 09:15:31   作者：_攬  
這篇文章主要介紹了vue elementUI select下拉框如何設(shè)置默認(rèn)值問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue elementUI select下拉框設(shè)置默認(rèn)值

關(guān)于element select框默認(rèn)值賦值不成功問(wèn)題，注意兩點(diǎn)：

v-model里面的數(shù)據(jù)和遍歷出來(lái)value值數(shù)據(jù)類型不一樣。?。。?！

（例：item.provinces類型是number，province類型是String。類型不一樣導(dǎo)致賦值不成功）

遍歷數(shù)據(jù)和賦值的先后順序，必須保證數(shù)據(jù)先遍歷后賦值。！??！

要為select下拉框設(shè)定默認(rèn)值，只需要把  v-model  綁定的值和你想要選中  option  的  value  值設(shè)置一樣即可。

下面上代碼：

html部分代碼：

<el-select v-model="valuetype"  @change="changetype">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
    </el-option>
</el-select>
export default {
        data() {
            return {
                options: [
                    {
                        value: 'all',
                        label: '全部'
                    },
                    {
                        value: 'model',
                        label: '型號(hào)'
                    },
                    {
                        value: 'machine',
                        label: '機(jī)器'
                    }
                ],
                valuetype: 'all',
            };
        },
     }

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="請(qǐng)選擇">
                <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);

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論