ant-design-vue中a-radio-group
时间: 2023-05-28 11:04:17 浏览: 2432
vue radio单选框,获取当前项(每一项)的value值操作
a-radio-group是ant-design-vue中的单选框组件,可以用于从一组选项中选择一个选项。
示例代码:
```html
<template>
<a-radio-group v-model="selectedValue">
<a-radio :value="1">选项1</a-radio>
<a-radio :value="2">选项2</a-radio>
<a-radio :value="3">选项3</a-radio>
</a-radio-group>
</template>
<script>
export default {
data() {
return {
selectedValue: 1
};
}
};
</script>
```
在上面的示例中,我们定义了一个a-radio-group组件,并使用v-model绑定了一个变量selectedValue,表示选中的值。然后,在组件内部定义了三个a-radio子组件,分别代表三个选项。每个a-radio组件都有一个value属性,用于表示该选项的值。当用户选择其中一个选项时,selectedValue变量的值将会更新为该选项的value值。
阅读全文