如何返回el-select的文本值
时间: 2023-06-16 08:02:12 浏览: 109
JavaScript获取select中text值的方法
如果你想获取 `el-select` 组件中选中的文本值,可以通过 `ref` 引用该组件,然后使用 `$refs` 属性访问组件实例的方法和属性。
例如,假设你的 `el-select` 组件的 `ref` 属性设置为 `mySelect`,那么你可以使用如下代码获取选中的文本值:
```html
<el-select ref="mySelect" v-model="selectedValue">
<el-option label="Option 1" value="option1"></el-option>
<el-option label="Option 2" value="option2"></el-option>
<el-option label="Option 3" value="option3"></el-option>
</el-select>
```
```javascript
// 获取选中的文本值
const selectedText = this.$refs.mySelect.$el.querySelector('.el-input__inner').value;
```
在上面的代码中,我们使用 `$refs` 访问组件实例,并使用 `$el` 属性获取组件的根元素。然后,我们使用 `querySelector` 方法获取选中的文本值所在的元素,并访问该元素的 `value` 属性来获取文本值。注意,这个方法只适用于单选的情况,如果是多选则需要使用其他的方式来获取选中的文本值。
阅读全文