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

vue+element下拉列表默認(rèn)值問(wèn)題

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

vue element下拉列表默認(rèn)值

下拉列表中的三項(xiàng)條目deviceSNMPList，默認(rèn)選中：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ǐng)選擇活動(dòng)區(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 下拉框 默認(rèn)值問(wèn)題

<el-select
       v-model="xialaValue"
       placeholder="請(qǐng)輸入關(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:'選項(xiàng)一'
            },
            {
                value:'2',
                label:'選項(xiàng)二'
            },
            {
                value:'3',
                label:'選項(xiàng)三'
            },
    ]
  }
}

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

例如

this.xialaValue='1'

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

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

總結(jié)

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

相關(guān)文章

最新評(píng)論