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

vue+element下拉列表默認值問題

 更新時間：2023年06月08日 11:01:51   作者：guohongyanghy  
這篇文章主要介紹了vue+element下拉列表默認值問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

vue element下拉列表默認值

下拉列表中的三項條目deviceSNMPList，默認選中：deviceSNMP:‘1’,

 deviceSNMPList: [
          {
            key: '0',
            label: 'v1'
          },
          {
            key: '1',
            label: 'v2c'
          },
          {
            key: '3',
            label: 'v3'
          }
        ],
        deviceSNMP:'1',

el-form中el-select數(shù)據(jù)綁定deviceSNMP

 <el-form :model="form" inline="true" ref="form" style="margin-bottom: -20px;margin-top:-20px">
	 <el-form-item style="margin-bottom: -10px; width: 100%" label="*SNMP版本:" :label-width="formLabelWidth"
                      prop="string">
          <el-select clearable size='mini' v-model="deviceSNMP" placeholder="請選擇活動區(qū)域" autocomplete="off"
                     style="width: 100%">
            <el-option v-for="item in deviceSNMPList" :key="item.key" :label="item.label"
                       :value="item.key"></el-option>
          </el-select>
        </el-form-item>
 <el-form>

elementUI 下拉框 默認值問題

<el-select
       v-model="xialaValue"
       placeholder="請輸入關(guān)聯(lián)公式"
 >
    <el-option
      v-for="item in roleOptions"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    ></el-option>
</el-select>
data() {
    return {
        roleOptions:[
            {
                value:'1',
                label:'選項一'
            },
            {
                value:'2',
                label:'選項二'
            },
            {
                value:'3',
                label:'選項三'
            },
    ]
  }
}

要到達讓下拉框有默認值，只需要讓v-model綁定的值等于 roleOptions數(shù)組里面的某一條value

例如

this.xialaValue='1'

就可以實現(xiàn) 下拉框默認值為‘選項一’。

如果出現(xiàn)下拉菜單賦值不成功，可以檢查下v-model綁定的值和數(shù)組里面的value值，數(shù)據(jù)類型一不一樣

總結(jié)

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

相關(guān)文章

最新評論