ant-design-vue/antdv-demo/docs/tree/demo/directory.md

37 lines
937 B
Markdown

<cn>
#### ็›ฎๅฝ•
ๅ†…็ฝฎ็š„็›ฎๅฝ•ๆ ‘๏ผŒ`multiple` ๆจกๅผๆ”ฏๆŒ `ctrl(Windows)` / `command(Mac)` ๅค้€‰ใ€‚
</cn>
<us>
#### Directory
Built-in directory tree. `multiple` support `ctrl(Windows)` / `command(Mac)` selection.
</us>
```vue
<template>
<a-directory-tree multiple default-expand-all @select="onSelect" @expand="onExpand">
<a-tree-node key="0-0" title="parent 0">
<a-tree-node key="0-0-0" title="leaf 0-0" is-leaf />
<a-tree-node key="0-0-1" title="leaf 0-1" is-leaf />
</a-tree-node>
<a-tree-node key="0-1" title="parent 1">
<a-tree-node key="0-1-0" title="leaf 1-0" is-leaf />
<a-tree-node key="0-1-1" title="leaf 1-1" is-leaf />
</a-tree-node>
</a-directory-tree>
</template>
<script>
export default {
methods: {
onSelect(keys, event) {
console.log('Trigger Select', keys, event);
},
onExpand() {
console.log('Trigger Expand');
},
},
};
</script>
```