vue中点击提交怎么获取到el-select里面选中项的value和label

可以使用 `v-model` 指令来绑定 `el-select` 的选中值，然后在提交的时候获取绑定的变量即可。

例如，假设你的 `el-select` 绑定的变量名为 `selectedValue`，可以这样获取选中项的值和标签：

// 获取选中项的值
const selectedValue = this.selectedValue;

// 获取选中项的标签
const selectedLabel = this.$refs.select.getCheckedNodes()[0].label;

其中，`this.$refs.select` 是 `el-select` 组件的引用，可以通过 `$refs` 来获取。注意，如果 `el-select` 是多选的，`getCheckedNodes()` 方法会返回一个数组，你需要根据数组的情况进行处理。

相关问题

vue el-select 获取选中的label值

在Vue中，要获取`el-select`组件中选中的`label`值，你可以按照以下步骤操作：

1. 首先，在`<el-select>`元素上设置`v-model`指令，它会绑定到你的组件实例的一个属性（通常是数组），表示选中的选项。例如:

<el-select v-model="selectedOption" placeholder="请选择">
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value">
  </el-option>
</el-select>

2. `options`是一个包含`value`和`label`的对象数组，`v-for`指令会渲染每个选项。

3. 当用户选择某个选项时，`selectedOption`将会更新为你选择的`value`。你可以通过这个`selectedOption`来找到相应的`label`值。假设你的数据结构是这样的：

data() {
  return {
    options: [
      { value: 'option1', label: 'Option 1' },
      { value: 'option2', label: 'Option 2' },
      // ...
    ],
    selectedOption: ''
  };
}

4. 要获取选中的`label`，可以这样做：

methods: {
  getSelectedLabel() {
    const option = this.options.find(option => option.value === this.selectedOption);
    if (option) {
      return option.label;
    } else {
      return '未选择';
    }
  }
}

然后在需要的地方调用`this.getSelectedLabel()`，就能得到选中的`label`值了。

在vue中，下列代码的el-select为什么获取不到数据 <el-form-item label="专家姓名：" :label-width="formLabelWidth" prop="value"> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in form.options" :key="item.userId" :label="item.nickName" :value="item.userId"> </el-option> </el-select> </el-form-item>； form: { options:[], name: '', area: '', position: '', introduce: '', headUrl: '', url: null },

当你在 Vue 组件中使用 `el-select` 组件时，数据应该是从 `options` 这个数组中获取的。根据你提供的代码，你在 `el-select` 组件中使用了 `v-model` 指令来绑定一个名为 `value` 的变量，但是在你的 `form` 对象中并没有定义 `value` 这个属性。这可能是导致你无法获取数据的原因。

你应该将 `v-model="value"` 改为 `v-model="form.name"`，其中 `form.name` 对应的是 `name` 这个表单项。同时，你需要将 `prop="value"` 改为 `prop="name"`，以便在表单验证时使用正确的属性名。

修改后的代码如下：

<el-form-item label="专家姓名：" :label-width="formLabelWidth" prop="name">
  <el-select v-model="form.name" placeholder="请选择">
    <el-option
      v-for="item in form.options"
      :key="item.userId"
      :label="item.nickName"
      :value="item.userId">
    </el-option>
  </el-select>
</el-form-item>

data() {
  return {
    form: {
      options: [],
      name: '',
      area: '',
      position: '',
      introduce: '',
      headUrl: '',
      url: null
    },
    formLabelWidth: '80px'
  }
}

这样修改之后，你应该就能够正确地获取到 `el-select` 中的数据了。