mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 01:41:20 +08:00
50 lines
1.7 KiB
Vue
50 lines
1.7 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-radio-group v-model="radio1">
|
||
|
|
<el-radio-button label="New York"></el-radio-button>
|
||
|
|
<el-radio-button label="Washington"></el-radio-button>
|
||
|
|
<el-radio-button label="Los Angeles"></el-radio-button>
|
||
|
|
<el-radio-button label="Chicago"></el-radio-button>
|
||
|
|
</el-radio-group>
|
||
|
|
</div>
|
||
|
|
<div style="margin-top: 20px">
|
||
|
|
<el-radio-group v-model="radio2" size="medium">
|
||
|
|
<el-radio-button label="New York"></el-radio-button>
|
||
|
|
<el-radio-button label="Washington"></el-radio-button>
|
||
|
|
<el-radio-button label="Los Angeles"></el-radio-button>
|
||
|
|
<el-radio-button label="Chicago"></el-radio-button>
|
||
|
|
</el-radio-group>
|
||
|
|
</div>
|
||
|
|
<div style="margin-top: 20px">
|
||
|
|
<el-radio-group v-model="radio3" size="small">
|
||
|
|
<el-radio-button label="New York"></el-radio-button>
|
||
|
|
<el-radio-button label="Washington" disabled></el-radio-button>
|
||
|
|
<el-radio-button label="Los Angeles"></el-radio-button>
|
||
|
|
<el-radio-button label="Chicago"></el-radio-button>
|
||
|
|
</el-radio-group>
|
||
|
|
</div>
|
||
|
|
<div style="margin-top: 20px">
|
||
|
|
<el-radio-group v-model="radio4" disabled size="mini">
|
||
|
|
<el-radio-button label="New York"></el-radio-button>
|
||
|
|
<el-radio-button label="Washington"></el-radio-button>
|
||
|
|
<el-radio-button label="Los Angeles"></el-radio-button>
|
||
|
|
<el-radio-button label="Chicago"></el-radio-button>
|
||
|
|
</el-radio-group>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent, ref } from 'vue'
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
setup() {
|
||
|
|
return {
|
||
|
|
radio1: ref('New York'),
|
||
|
|
radio2: ref('New York'),
|
||
|
|
radio3: ref('New York'),
|
||
|
|
radio4: ref('New York'),
|
||
|
|
}
|
||
|
|
},
|
||
|
|
})
|
||
|
|
</script>
|