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>
|