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>
 | 
						||
```
 |