el-select 获取选择项的label
时间: 2023-08-15 08:13:11 浏览: 173
element-ui 关于获取select 的label值方法
要获取el-select选择项的label,可以使用以下方法:
1. 使用ref属性获取el-select的引用,例如:
```html
<el-select ref="select">
<!-- 选项 -->
</el-select>
```
2. 在JavaScript代码中,通过this.$refs.select获取el-select的引用,并使用getOption()方法获取选择项的label,示例如下:
```javascript
const select = this.$refs.select;
const selectedOption = select.getOption(select.value);
const label = selectedOption.label;
console.log(label);
```
这样就可以获取el-select选择项的label了。请注意,上述代码中的"select"是el-select的ref属性值,可以根据实际情况进行修改。
阅读全文