<el-select v-model="dateRangeValue" @change="change" placeholder="请选择"> 选中下拉款在改变事件时如何获取lable文本

您可以使用`el-select`组件的`options`属性设置下拉框的选项，其中每个选项包含`label`和`value`两个属性。在选中下拉框中的某个选项时，`change`事件的参数会传递该选项的`value`值。如果您需要获取该选项的`label`文本，您可以通过遍历`options`数组，找到`value`值与`change`事件参数相同的那个选项，然后获取该选项的`label`属性即可。以下是一个示例代码：

<template>
  <el-select v-model="dateRangeValue" @change="change" placeholder="请选择">
    <el-option v-for="item in dateRangeOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      dateRangeValue: '',
      dateRangeOptions: [
        { value: 'today', label: '今天' },
        { value: 'yesterday', label: '昨天' },
        { value: 'last7days', label: '最近7天' },
        { value: 'last30days', label: '最近30天' }
      ]
    }
  },
  methods: {
    change(value) {
      const selectedOption = this.dateRangeOptions.find(option => option.value === value)
      const label = selectedOption.label
      console.log('选中的选项文本为：', label)
    }
  }
}
</script>