主要是选择值问题
上代码:
<el-select v-model="selectCountry" placeholder="请选择" @change="selectValue()">
<el-option
v-for="item in countryData"
:key="item.abbreviation"
:label="item.country"
:value="item.country">
</el-option>
</el-select>
1.通过el-select的change事件会在选中值变化时触发,而选择的值存放在 v-model="selectCountry"中
2.在methods中,change的绑定事件进行获取
selectValue() {
console.log(this.selectCountry)//打印输出的是 :value="item.country"的值
},
3.这是我的数据
countryData:[
{"country":"Afghanistan","abbreviation":"AFG"},
{"country":"Albania","abbreviation":"ALB"},
{"country":"Algeria","abbreviation":"DZA"},
{"country":"All Qatar","abbreviation":"QAT"},
{"country":"angola","abbreviation":"AGO"},
]