2020-08-05 23:30:12 +08:00
|
|
|
<template>
|
2020-08-06 17:16:40 +08:00
|
|
|
<div>
|
2020-08-05 23:30:12 +08:00
|
|
|
<el-radio v-model="radio" label="1">1</el-radio>
|
|
|
|
<el-radio v-model="radio" label="2">2</el-radio>
|
2020-08-06 17:16:40 +08:00
|
|
|
</div>
|
2020-08-05 23:30:12 +08:00
|
|
|
<div>
|
|
|
|
<el-radio-group v-model="radio0">
|
|
|
|
<el-radio label="3">3</el-radio>
|
|
|
|
<el-radio label="6">6</el-radio>
|
|
|
|
<el-radio label="9">9</el-radio>
|
|
|
|
</el-radio-group>
|
|
|
|
</div>
|
2020-08-06 17:16:40 +08:00
|
|
|
<div>
|
2020-08-05 23:30:12 +08:00
|
|
|
<el-radio-group v-model="radio1">
|
|
|
|
<el-radio-button label="A" />
|
|
|
|
<el-radio-button label="B" />
|
|
|
|
<el-radio-button label="C" />
|
|
|
|
<el-radio-button label="D" />
|
|
|
|
</el-radio-group>
|
2020-08-06 17:16:40 +08:00
|
|
|
</div>
|
2020-08-05 23:30:12 +08:00
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import { defineComponent } from 'vue'
|
|
|
|
|
|
|
|
const basic = defineComponent({
|
|
|
|
data() {
|
|
|
|
return {
|
2020-08-06 17:16:40 +08:00
|
|
|
radio: '1',
|
2020-08-05 23:30:12 +08:00
|
|
|
radio0: '3',
|
|
|
|
radio1: 'A',
|
|
|
|
}
|
|
|
|
},
|
|
|
|
})
|
|
|
|
export default basic
|
|
|
|
</script>
|