mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-01-12 12:25:16 +08:00
47 lines
828 B
Markdown
47 lines
828 B
Markdown
# 多选节点
|
|
设置 `multiple` 来允许多选节点。
|
|
```html
|
|
<n-tree
|
|
multiple
|
|
block-node
|
|
:data="data"
|
|
/>
|
|
<n-divider />
|
|
<n-tree
|
|
multiple
|
|
block-node
|
|
:data="data"
|
|
v-model="value"
|
|
/>
|
|
```
|
|
```js
|
|
function createData (level = 4, baseKey = '') {
|
|
if (!level) return undefined
|
|
return Array
|
|
.apply(null, { length: 6 - level })
|
|
.map((_, index) => {
|
|
const key = '' + baseKey + level + index
|
|
return {
|
|
label: createLabel(level),
|
|
key,
|
|
children: createData(level - 1, key)
|
|
}
|
|
})
|
|
}
|
|
|
|
function createLabel (level) {
|
|
if (level === 4) return '道生一'
|
|
if (level === 3) return '一生二'
|
|
if (level === 2) return '二生三'
|
|
if (level === 1) return '三生万物'
|
|
}
|
|
|
|
export default {
|
|
data () {
|
|
return {
|
|
data: createData(),
|
|
value: []
|
|
}
|
|
}
|
|
}
|
|
``` |