31 lines
630 B
Vue
31 lines
630 B
Vue
<template>
|
|
<tiny-checkbox-group v-model="checked">
|
|
<tiny-checkbox label="复选框1">
|
|
<template #default>
|
|
<span style="color: red">复选框1</span>
|
|
</template>
|
|
</tiny-checkbox>
|
|
<tiny-checkbox label="复选框2">
|
|
<template #default>
|
|
<span style="color: blue">复选框2</span>
|
|
</template>
|
|
</tiny-checkbox>
|
|
</tiny-checkbox-group>
|
|
</template>
|
|
|
|
<script>
|
|
import { TinyCheckbox, TinyCheckboxGroup } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyCheckbox,
|
|
TinyCheckboxGroup
|
|
},
|
|
data() {
|
|
return {
|
|
checked: ['复选框1']
|
|
}
|
|
}
|
|
}
|
|
</script>
|