el-radio-group change事件传参案例
时间: 2023-07-06 18:40:56 浏览: 91
以下是一个 el-radio-group 的 change 事件传参的案例:
```html
<template>
<div>
<el-radio-group v-model="selected">
<el-radio label="1" @change="handleChange('选项1')">选项1</el-radio>
<el-radio label="2" @change="handleChange('选项2')">选项2</el-radio>
<el-radio label="3" @change="handleChange('选项3')">选项3</el-radio>
</el-radio-group>
</div>
</template>
<script>
export default {
data() {
return {
selected: ''
};
},
methods: {
handleChange(val) {
console.log(`选中了${val}`);
}
}
};
</script>
```
在上面的代码中,我们在每个 el-radio 上添加了一个 @change 事件,该事件会触发 handleChange 方法,并且将选项的值作为参数传入。在 handleChange 方法中,我们可以接收到传入的参数,并进行相应的操作。这样我们就可以在 el-radio-group 的 change 事件中传入参数,实现更加灵活的操作。