el-select回显value值
时间: 2023-07-24 07:42:32 浏览: 90
要回显 `el-select` 组件的 `value` 值,可以使用 `v-model` 指令将选中的值绑定到一个变量上,然后在需要回显的位置使用这个变量即可。例如:
```html
<template>
<div>
<el-select v-model="selectedValue" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
<div>当前选择的值是:{{ selectedValue }}</div>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{ label: '选项1', value: 'option1' },
{ label: '选项2', value: 'option2' },
{ label: '选项3', value: 'option3' }
],
selectedValue: ''
}
}
}
</script>
```
在上面的代码中,`v-model="selectedValue"` 将选中的值绑定到 `selectedValue` 变量上,而 `<div>当前选择的值是:{{ selectedValue }}</div>` 则是用来回显选中的值的。当用户选择一个选项时,`selectedValue` 的值会更新,从而实现了回显。
阅读全文