a-radio-group如何反显
时间: 2024-10-17 21:14:33 浏览: 26
在Ant Design Vue (a-radio-group) 中,如果你想让某个radio选项默认显示为选中状态并反显,你需要在`v-model`绑定的对象上设置相应的值,并提供对应的radio项的value属性。假设你有一个数组选项,你可以这样做:
```html
<template>
<a-radio-group v-model="selectedOption" @change="handleChange">
<a-radio :key="item.value" value="item.value" label="item.label" v-for="(item, index) in options" :key="index"></a-radio>
</a-radio-group>
</template>
<script>
export default {
data() {
return {
selectedOption: '', // 初始化为空,可以改为你想反显的值
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
{ value: 'option3', label: '选项3' }
]
};
},
methods: {
handleChange(value) {
console.log('选择改变:', value);
}
}
};
</script>
```
在这个例子中,如果你希望"option1"反显,你应该将`selectedOption`的数据初始化为`'option1'`。
阅读全文