49 lines
940 B
Markdown
49 lines
940 B
Markdown
<cn>
|
||
#### RadioGroup ๅ็ด
|
||
ๅ็ด็ RadioGroup๏ผ้
ๅๆดๅค่พๅ
ฅๆก้้กนใ
|
||
</cn>
|
||
|
||
<us>
|
||
#### Vertical RadioGroup
|
||
Vertical RadioGroup, with more radios.
|
||
</us>
|
||
|
||
```vue
|
||
<template>
|
||
<a-radio-group v-model="value" @change="onChange">
|
||
<a-radio :style="radioStyle" :value="1">
|
||
Option A
|
||
</a-radio>
|
||
<a-radio :style="radioStyle" :value="2">
|
||
Option B
|
||
</a-radio>
|
||
<a-radio :style="radioStyle" :value="3">
|
||
Option C
|
||
</a-radio>
|
||
<a-radio :style="radioStyle" :value="4">
|
||
More...
|
||
<a-input v-if="value === 4" :style="{ width: 100, marginLeft: 10 }" />
|
||
</a-radio>
|
||
</a-radio-group>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
value: 1,
|
||
radioStyle: {
|
||
display: 'block',
|
||
height: '30px',
|
||
lineHeight: '30px',
|
||
},
|
||
};
|
||
},
|
||
methods: {
|
||
onChange(e) {
|
||
console.log('radio checked', e.target.value);
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
```
|