fix demo
parent
34dec6c6aa
commit
7cb596df9c
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div :style="{ borderBottom: '1px solid #E9E9E9' }">
|
<div :style="{ borderBottom: '1px solid #E9E9E9' }">
|
||||||
a-checkbox
|
<a-checkbox
|
||||||
:indeterminate="indeterminate"
|
:indeterminate="indeterminate"
|
||||||
@change="onCheckAllChange"
|
@change="onCheckAllChange"
|
||||||
:checked="checkAll"
|
:checked="checkAll"
|
||||||
|
@ -10,7 +10,7 @@
|
||||||
</a-checkbox>
|
</a-checkbox>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
a-checkboxGroup :options="plainOptions" v-model="checkedList" @change="onChange" />
|
<a-checkbox-group :options="plainOptions" v-model="checkedList" @change="onChange" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<p :style="{ marginBottom: '20px' }">
|
<p :style="{ marginBottom: '20px' }">
|
||||||
a-checkbox
|
<a-checkbox
|
||||||
:checked="checked"
|
:checked="checked"
|
||||||
:disabled="disabled"
|
:disabled="disabled"
|
||||||
@change="onChange"
|
@change="onChange"
|
||||||
|
|
|
@ -1,12 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
a-checkboxGroup :options="plainOptions" v-model="value" @change="onChange" />
|
<a-checkbox-group :options="plainOptions" v-model="value" @change="onChange" />
|
||||||
<br />
|
<br />
|
||||||
a-checkboxGroup :options="plainOptions" :defaultValue="['Apple']" @change="onChange" />
|
<a-checkbox-group :options="plainOptions" :defaultValue="['Apple']" @change="onChange" />
|
||||||
<br />
|
<br />
|
||||||
a-checkboxGroup :options="options" :value="['Pear']" @change="onChange" />
|
<a-checkbox-group :options="options" :value="['Pear']" @change="onChange" />
|
||||||
<br />
|
<br />
|
||||||
a-checkboxGroup :options="optionsWithDisabled" disabled :defaultValue="['Apple']" @change="onChange" />
|
<a-checkbox-group :options="optionsWithDisabled" disabled :defaultValue="['Apple']" @change="onChange" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
@ -39,7 +39,6 @@ export default {
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Checkbox,
|
Checkbox,
|
||||||
CheckboxGroup: Checkbox.Group,
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -2,7 +2,9 @@ import Button from './button'
|
||||||
const ButtonGroup = Button.Group
|
const ButtonGroup = Button.Group
|
||||||
export { Button, ButtonGroup }
|
export { Button, ButtonGroup }
|
||||||
|
|
||||||
export { default as Checkbox } from './checkbox'
|
import Checkbox from './checkbox'
|
||||||
|
const CheckboxGroup = Checkbox.Group
|
||||||
|
export { Checkbox, CheckboxGroup }
|
||||||
|
|
||||||
export { default as Icon } from './icon'
|
export { default as Icon } from './icon'
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue