vue select change 获取选中的文本
时间: 2023-10-20 10:20:15 浏览: 233
vue select 获取value和lable操作
你可以监听 `change` 事件,在事件处理函数中获取选中的文本。具体的代码如下:
```html
<template>
<div>
<select @change="handleChange">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
</div>
</template>
<script>
export default {
methods: {
handleChange(event) {
const selectedIndex = event.target.selectedIndex;
const selectedOption = event.target.options[selectedIndex];
const selectedText = selectedOption.text;
console.log(selectedText);
},
},
};
</script>
```
在事件处理函数中,我们首先获取选中的选项的索引 `selectedIndex`,然后根据索引获取选中的选项 `selectedOption`,最后获取选项的文本 `selectedText`。
阅读全文