46 lines
778 B
Plaintext
46 lines
778 B
Plaintext
<script setup>
|
|
import { ref } from 'vue'
|
|
import TreeItem from './TreeItem.vue'
|
|
|
|
const treeData = ref({
|
|
name: 'My Tree',
|
|
children: [
|
|
{ name: 'hello' },
|
|
{ name: 'world' },
|
|
{
|
|
name: 'child folder',
|
|
children: [
|
|
{
|
|
name: 'child folder',
|
|
children: [{ name: 'hello' }, { name: 'world' }]
|
|
},
|
|
{ name: 'hello' },
|
|
{ name: 'world' },
|
|
{
|
|
name: 'child folder',
|
|
children: [{ name: 'hello' }, { name: 'world' }]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<ul>
|
|
<TreeItem class="item" :model="treeData"></TreeItem>
|
|
</ul>
|
|
</template>
|
|
|
|
<style>
|
|
.item {
|
|
cursor: pointer;
|
|
line-height: 1.5;
|
|
}
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
</style>
|
|
|
|
// From https://vuejs.org/examples/#tree
|