mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-16 02:11:48 +08:00
42 lines
1.1 KiB
Vue
42 lines
1.1 KiB
Vue
|
<template>
|
||
|
<div>
|
||
|
<el-radio v-model="radio1" label="1" border>Option A</el-radio>
|
||
|
<el-radio v-model="radio1" label="2" border>Option B</el-radio>
|
||
|
</div>
|
||
|
<div style="margin-top: 20px">
|
||
|
<el-radio v-model="radio2" label="1" border size="medium"
|
||
|
>Option A</el-radio
|
||
|
>
|
||
|
<el-radio v-model="radio2" label="2" border size="medium"
|
||
|
>Option B</el-radio
|
||
|
>
|
||
|
</div>
|
||
|
<div style="margin-top: 20px">
|
||
|
<el-radio-group v-model="radio3" size="small">
|
||
|
<el-radio label="1" border>Option A</el-radio>
|
||
|
<el-radio label="2" border disabled>Option B</el-radio>
|
||
|
</el-radio-group>
|
||
|
</div>
|
||
|
<div style="margin-top: 20px">
|
||
|
<el-radio-group v-model="radio4" size="mini" disabled>
|
||
|
<el-radio label="1" border>Option A</el-radio>
|
||
|
<el-radio label="2" border>Option B</el-radio>
|
||
|
</el-radio-group>
|
||
|
</div>
|
||
|
</template>
|
||
|
|
||
|
<script lang="ts">
|
||
|
import { defineComponent, ref } from 'vue'
|
||
|
|
||
|
export default defineComponent({
|
||
|
setup() {
|
||
|
return {
|
||
|
radio1: ref('1'),
|
||
|
radio2: ref('1'),
|
||
|
radio3: ref('1'),
|
||
|
radio4: ref('1'),
|
||
|
}
|
||
|
},
|
||
|
})
|
||
|
</script>
|