ant-design-vue/components/checkbox/demo/layout.vue

28 lines
671 B
Vue
Raw Normal View History

2017-11-03 18:46:18 +08:00
<template>
2017-11-06 17:46:08 +08:00
<CheckboxGroup @change="onChange">
<Row>
<Col :span="8"><Checkbox value="A">A</Checkbox></Col>
<Col :span="8"><Checkbox value="B">B</Checkbox></Col>
<Col :span="8"><Checkbox value="C">C</Checkbox></Col>
<Col :span="8"><Checkbox value="D">D</Checkbox></Col>
<Col :span="8"><Checkbox value="E">E</Checkbox></Col>
</Row>
</CheckboxGroup>
2017-11-03 18:46:18 +08:00
</template>
<script>
2017-11-06 17:46:08 +08:00
import { Checkbox, Row, Col } from 'antd'
2017-11-03 18:46:18 +08:00
export default {
methods: {
2017-11-06 17:46:08 +08:00
onChange (checkedValues) {
console.log('checked = ', checkedValues)
2017-11-03 18:46:18 +08:00
},
},
components: {
Checkbox,
2017-11-06 17:46:08 +08:00
Row,
Col,
CheckboxGroup: Checkbox.Group,
2017-11-03 18:46:18 +08:00
},
}
</script>