mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 18:01:24 +08:00
54 lines
1.3 KiB
Vue
54 lines
1.3 KiB
Vue
|
<template>
|
||
|
|
<div>
|
||
|
|
<el-checkbox v-model="checked1" label="Option 1"></el-checkbox>
|
||
|
|
<el-checkbox v-model="checked2" label="Option 2"></el-checkbox>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<el-checkbox
|
||
|
|
v-model="checked3"
|
||
|
|
label="Option 1"
|
||
|
|
size="medium"
|
||
|
|
></el-checkbox>
|
||
|
|
<el-checkbox
|
||
|
|
v-model="checked4"
|
||
|
|
label="Option 2"
|
||
|
|
size="medium"
|
||
|
|
></el-checkbox>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<el-checkbox v-model="checked5" label="Option 1" size="small"></el-checkbox>
|
||
|
|
<el-checkbox v-model="checked6" label="Option 2" size="small"></el-checkbox>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<el-checkbox v-model="checked7" label="Option 1" size="mini"></el-checkbox>
|
||
|
|
<el-checkbox v-model="checked8" label="Option 2" size="mini"></el-checkbox>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import { defineComponent, ref } from 'vue'
|
||
|
|
|
||
|
|
export default defineComponent({
|
||
|
|
setup() {
|
||
|
|
const checked1 = ref(true)
|
||
|
|
const checked2 = ref(false)
|
||
|
|
const checked3 = ref(false)
|
||
|
|
const checked4 = ref(false)
|
||
|
|
const checked5 = ref(false)
|
||
|
|
const checked6 = ref(false)
|
||
|
|
const checked7 = ref(false)
|
||
|
|
const checked8 = ref(false)
|
||
|
|
return {
|
||
|
|
checked1,
|
||
|
|
checked2,
|
||
|
|
checked3,
|
||
|
|
checked4,
|
||
|
|
checked5,
|
||
|
|
checked6,
|
||
|
|
checked7,
|
||
|
|
checked8,
|
||
|
|
}
|
||
|
|
},
|
||
|
|
})
|
||
|
|
</script>
|