亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

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

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

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

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

要為select下拉框設(shè)定默認值，只需要把  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: '型號'
                    },
                    {
                        value: 'machine',
                        label: '機器'
                    }
                ],
                valuetype: 'all',
            };
        },
     }

vue element-ui select 多選默認值

編輯需要設(shè)置默認值

<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默認以為是顯示的內(nèi)容

解決方法

this.editmain_user_ids = res.data.data.main_user_ids.split(',').map(Number);

總結(jié)

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

相關(guān)文章

最新評論