Elements UI 之下拉框

下拉框数据处理

需求 ： 需要一个下拉框 如图 其lable 和 value 不一致 获取lable value

代码如下

  <el-select v-model="fruits" @change="getFruits($event)">
          <el-option
            v-for="item in optionway"
            :key="item.value"
            :label="item.label"
            :value="item"
          ></el-option>
        </el-select>
        
      

      optionway: [
        {
          value: 'YFZ',
          label: '柠檬'
        },
        {
          value: 'apple',
          label: '苹果'
        }
      ],
      
         getFruits(e) {
      console.log(e)  // 
      this.formData.energyChargeName = e.label
     this.formData.energyChargeCode = e.value

    },

选择柠檬的时候