kui-vue/components/treeselect/demo/checkable.md

A high quality UI Toolkit built on Vue.js 2.0

<cn>
#### 可勾选
使用勾选框实现多选功能。
</cn>

```vue
<template>
  <TreeSelect v-model="value" :tree-data="data" :treeExpandedKeys="expandedKeys" multiple tree-checkable :width="300" />
</template>
<script>
export default{
  data() {
    return {
      expandedKeys:['0-1','1-1','1-1-2','1-2'],
      value:[],
      data: [
        {
          title: 'tree 1',
          key: '0-1',
          children: [
            {
              title: 'tree 1-1',
              key: '1-1',
              disabled: true,
              children: [
                { title: 'leaf 1-1-1', disabled: true },
                {
                  title: 'leaf 1-1-2',
                  key: '1-1-2',
                  children: [
                    { title: 'leaf 1-1-2-1' },
                    { title: 'leaf 1-1-2-2' }
                  ]
                }
              ]
            },
            {
              title: 'tree 1-2',
              key: '1-2',
              children: [
                { title: 'leaf 1-2-1' },
                { title: 'leaf 1-2-2' }
              ]
            },
            {
              title: 'tree 1-3',
              children: [
                { title: 'leaf 1-3-1' },
                { title: 'leaf 1-3-2' }
              ]
            }
          ]
        }
      ],
    }
  },
}
</script>
```