el-select change事件获取label的值

el-select change事件获取label的值

<template>
  <el-select @change="handleChange" v-model="value" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="{value:item.value,label:item.label}">
    </el-option>
  </el-select>
</template>
 
<script>
  export default {
    data() {
      return {
        options: [{
          value: '选项1',
          label: '天津狗不理'
        }, {
          value: '选项2',
          label: '山西臊子面'
        }, {
          value: '选项3',
          label: '重庆火锅'
        }, {
          value: '选项4',
          label: '湖南酱板鸭'
        }, {
          value: '选项5',
          label: '上海小笼包'
        }],
      }
    },
    method: {
       handleChange(params){
            const { value, label } = params;
		    console.log(value, label)
       }
    }
  }
</script>

你可能感兴趣的:(vue)