關(guān)于下拉選擇框的使用

主要是選擇值問(wèn)題

上代碼:

<el-select v-model="selectCountry" placeholder="請(qǐng)選擇" @change="selectValue()">
                  <el-option
                    v-for="item in countryData"
                    :key="item.abbreviation"
                    :label="item.country"
                    :value="item.country">
                  </el-option>
                </el-select>

1.通過(guò)el-select的change事件會(huì)在選中值變化時(shí)觸發(fā),而選擇的值存放在 v-model="selectCountry"中
2.在methods中,change的綁定事件進(jìn)行獲取

selectValue() {
      console.log(this.selectCountry)//打印輸出的是  :value="item.country"的值
    },

3.這是我的數(shù)據(jù)

countryData:[
        {"country":"Afghanistan","abbreviation":"AFG"},
        {"country":"Albania","abbreviation":"ALB"},
        {"country":"Algeria","abbreviation":"DZA"},
        {"country":"All Qatar","abbreviation":"QAT"},
        {"country":"angola","abbreviation":"AGO"},
    ]
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容