el-select组件向父组件传值
时间: 2023-08-15 07:11:53 浏览: 140
子窗体传值给父窗体的select
4星 · 用户满意度95%
el-select 组件可以通过 v-model 指令向父组件传值。你可以在父组件中声明一个数据属性,并将这个属性绑定到 el-select 的 v-model 上。当用户选择 el-select 中的选项时,父组件的数据属性会被更新。
下面是一个示例:
```html
<template>
<div>
<el-select 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>
<p>Selected value: {{ selectedValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
selectedValue: '', // 父组件的数据属性
};
},
};
</script>
```
在上面的示例中,每当用户在 el-select 中选择一个选项时,selectedValue 的值将被更新,并且可以在父组件中使用该值进行后续操作。
阅读全文