关于下拉选择框的使用

主要是选择值问题

上代码：

<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"},
    ]
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容