1. 程式人生 > 其它 >下拉列表el-select獲取選中的value和label(值和id)

下拉列表el-select獲取選中的value和label(值和id)

 姓名:<el-select
            v-model="ruleForm.userName"
            placeholder="請選擇"
            style="width: 100px"
            @change="towerChange"
          >
            <el-option
              v-for="item in Users"
              :key="item.userId"
              :label="item.userName"
              :value
="item" //注意這裡對應change能獲取的值 > </el-option> </el-select>

------------------------------------------------------------------------------------------------------------------------------------------

 towerChange(e) {
      //獲取的值和id
      this.ruleForm.userId = e.userId;
      
this.ruleForm.userName = e.userName; },
TRANSLATE with x English
Arabic Hebrew Polish
Bulgarian Hindi Portuguese
Catalan Hmong Daw Romanian
Chinese Simplified Hungarian Russian
Chinese Traditional Indonesian Slovak
Czech Italian Slovenian
Danish Japanese Spanish
Dutch
Klingon Swedish
English Korean Thai
Estonian Latvian Turkish
Finnish Lithuanian Ukrainian
French Malay Urdu
German Maltese Vietnamese
Greek Norwegian Welsh
Haitian Creole Persian  
  TRANSLATE with COPY THE URL BELOW Back EMBED THE SNIPPET BELOW IN YOUR SITE Enable collaborative features and customize widget: Bing Webmaster Portal Back