45 lines
655 B
Markdown
45 lines
655 B
Markdown
<cn>
|
|
#### 单选组合
|
|
一组互斥的 Radio 配合使用。
|
|
</cn>
|
|
|
|
<us>
|
|
#### Radio Group
|
|
A group of radio components.
|
|
</us>
|
|
|
|
```vue
|
|
<template>
|
|
<div>
|
|
<a-radio-group v-model="value" @change="onChange">
|
|
<a-radio :value="1">
|
|
A
|
|
</a-radio>
|
|
<a-radio :value="2">
|
|
B
|
|
</a-radio>
|
|
<a-radio :value="3">
|
|
C
|
|
</a-radio>
|
|
<a-radio :value="4">
|
|
D
|
|
</a-radio>
|
|
</a-radio-group>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
value: 1,
|
|
};
|
|
},
|
|
methods: {
|
|
onChange(e) {
|
|
console.log('radio checked', e.target.value);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
```
|