CheckList

复选列表。

引入

  1. import { CheckList } from 'we-vue'
  2. Vue.use(CheckList)

例子

  1. <template>
  2. <div>
  3. <wv-checklist title="基本示例" :options="options" v-model="checkedItems"></wv-checklist>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. data () {
  9. return {
  10. options: [
  11. {
  12. label: '选项1',
  13. value: 'value1'
  14. },
  15. {
  16. label: '选项2',
  17. value: 'value2'
  18. },
  19. {
  20. label: '选项3',
  21. value: 'value3'
  22. },
  23. {
  24. label: '选项4(禁用)',
  25. value: 'value4',
  26. disabled: true
  27. }
  28. ],
  29. checkedItems: ['value1', 'value3']
  30. }
  31. }
  32. }
  33. </script>

API

参数类型说明可选值默认值
titleString标题,即左侧label
alignString对齐方式'left','right''left'
optionsArray选项
valueArray当前值
maxNumber最多可选中的项数