a-radio-group的change
时间: 2024-09-20 17:04:03 浏览: 54
elementUi vue el-radio 监听选中变化的实例代码
5星 · 资源好评率100%
a-radio-group是Ant Design Vue库中的一个组件,它用于创建一组单选按钮。`change`事件是这个组件提供的一个重要回调函数,当用户在radio组中选择一个新的选项时触发。这个事件通常会在用户完成点击操作并离开当前选项后立即执行,传递给该事件的参数通常是所选radio的值。
你可以像下面这样使用`change`事件:
```html
<template>
<a-radio-group v-model="selectedOption" @change="handleRadioChange">
<a-radio value="option1">选项1</a-radio>
<a-radio value="option2">选项2</a-radio>
<!-- 更多选项 -->
</a-radio-group>
</template>
<script>
export default {
data() {
return {
selectedOption: '',
};
},
methods: {
handleRadioChange(value) {
// 这里处理当选中的值改变的情况
console.log('当前选中的值:', value);
},
},
};
</script>
```
在这个例子中,当你切换radio选项时,`handleRadioChange`方法会被调用,并且`value`参数会是你选择的新值。
阅读全文