element-plus/docs/examples/tree-select/lazy.vue
Xc 0bdd0fa7ea
docs: [tree-select] clean redundant code (#7029)
Co-authored-by: xiaochenchen <xiaochen.chen@igg.com>
2022-04-07 21:07:40 +08:00

36 lines
571 B
Vue

<template>
<el-tree-select v-model="value" lazy :load="load" :props="props" />
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const value = ref()
const props = {
label: 'label',
children: 'children',
isLeaf: 'isLeaf',
}
let id = 0
const load = (node, resolve) => {
if (node.isLeaf) return resolve([])
setTimeout(() => {
resolve([
{
value: ++id,
label: `lazy load node${id}`,
},
{
value: ++id,
label: `lazy load node${id}`,
isLeaf: true,
},
])
}, 400)
}
</script>