elementui获取select中label

### 回答1：
可以通过以下方式获取select中的label：

1. 在select标签中添加ref属性，例如：ref="mySelect"
2. 在mounted生命周期中获取select元素，例如：const select = this.$refs.mySelect.$el
3. 通过select元素获取label元素，例如：const label = select.querySelector('.el-select__label')

最终的代码如下：

<template>
  <el-select ref="mySelect" v-model="value">
    <el-option label="选项1" value="1"></el-option>
    <el-option label="选项2" value="2"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      value: ''
    }
  },
  mounted() {
    const select = this.$refs.mySelect.$el
    const label = select.querySelector('.el-select__label')
    console.log(label.innerText)
  }
}
</script>

### 回答2：
ElementUI是一个基于Vue.js的组件库，用于快速构建网站。在ElementUI中，有一个基于HTML的Select组件，可以提供选择一个选项的功能。而获取Select中的label则是一个常见的需求，可以根据选中的value值获取相应的label。

在ElementUI中，Select组件的使用方法非常简单，我们只需要通过v-model来绑定value值，然后通过options属性来设置选项列表即可。例如：

<el-select v-model="selectedValue" :options="options"></el-select>

其中，options为一个数组，每个元素包含两个属性：value和label，分别表示选项的值和显示的文本。可以像下面这样初始化options：

data() {
  return {
    options: [
      { value: 'option1', label: '选项1' },
      { value: 'option2', label: '选项2' },
      { value: 'option3', label: '选项3' }
    ],
    selectedValue: ''
  }
}

通过v-model绑定了selectedValue，selectedValue会持有当前选中的value值。而获取label值也很简单，我们只需要在options中找到value等于selectedValue的那个元素，然后取出相应的label属性即可。例如：

let selectedLabel = '';
this.options.forEach(item => {
  if(item.value === this.selectedValue) {
    selectedLabel = item.label;
    return;
  }
});
console.log(selectedLabel);

以上代码会输出当前选中的label值。如果需要在option列表中动态获取label值，我们可以使用ElementUI提供的template属性，将option的label属性设置为一个模板，然后通过scope属性来获取相应的数据。例如：

<el-select v-model="selectedValue" :options="options">
  <template slot="option" slot-scope="{option}">
    {{ option.label }} - {{ option.value }} <!-- 显示value和label -->
  </template>
</el-select>

以上代码将option的label属性设置为一个模板，通过slot-scope的option属性来获取当前option的数据，然后显示出value和label即可。

### 回答3：
Element UI 是一个基于 Vue.js 的 UI 组件库，它提供了众多常用的 UI 组件，包括下拉选择框 Select 组件。

在 Element UI 中，获取 Select 中 label 的值可以通过 v-model 绑定属性来实现。具体步骤如下：

1. 在模板中使用 Select 组件，并设置 v-model 绑定属性。

<el-select v-model="selectedValue">
  <el-option v-for="(item,index) in optionsList" :key="index" :label="item.label" :value="item.value"></el-option>
</el-select>

在上述代码中，我们使用了 v-for 指令循环遍历 optionsList 数组，渲染 Select 组件的选项列表，同时也使用了 :label 和 :value 属性，分别指定选项的显示内容和值。

2. 在 data 中初始化 selectedValue 属性。

data () {
  return {
    optionsList: [
      { label: '选项一', value: 1 },
      { label: '选项二', value: 2 },
      { label: '选项三', value: 3 }
    ],
    selectedValue: ''
  }
}

在此处，我们初始化了 optionsList 数组和 selectedValue 属性，并将 selectedValue 设定为空字符串。

3. 在方法中使用 selectedValue 属性获取当前选中的 label。

methods: {
  getSelectedLabel () {
    const selected = this.optionsList.filter(item => item.value === this.selectedValue);
    console.log(selected[0].label);
  }
}

在此处，我们定义了一个 getSelectedLabel 方法，该方法通过 filter 方法查找当前选中的选项，然后使用 console.log 输出当前选中的 label。需要注意的是，由于 filter 方法返回的是一个数组，因此我们需要使用 selected[0] 来获取第一个元素。

通过以上步骤，在 Element UI 中获取 Select 中 label 的值便变得简单易行了。