element-plus elradiogroup change事件
时间: 2024-08-17 20:00:50 浏览: 323
Element Plus中的`el-radio-group`组件是一个单选框组,用于展示多个选项供用户选择,并且当用户选择其中一个选项时会触发`change`事件。这个事件在用户更改了当前的选中项后被触发,通常用来自定义选中状态变化后的处理逻辑。
`change`事件的触发示例代码和基本用法如下:
```html
<template>
<element-radio-group v-model="selectedValue" @change="handleChange">
<element-radio label="Option 1" value="1"></element-radio>
<element-radio label="Option 2" value="2"></element-radio>
<element-radio label="Option 3" value="3"></element-radio>
</element-radio-group>
</template>
<script>
export default {
data() {
return {
selectedValue: '', // 当前选中的值,默认可能是空字符串
};
},
methods: {
handleChange(value) {
console.log('Selected value changed to:', value);
// 这里你可以根据value更新其他状态或执行其他业务逻辑
},
},
};
</script>
```
在这个例子中,当你切换`radio`选项时,`handleChange`方法会被调用,参数`value`表示当前选中的选项值。
阅读全文