26 lines
577 B
Vue
26 lines
577 B
Vue
|
<template>
|
||
|
|
<el-tree
|
||
|
|
:data="dataSource"
|
||
|
|
show-checkbox
|
||
|
|
node-key="id"
|
||
|
|
default-expand-all
|
||
|
|
:expand-on-click-node="false"
|
||
|
|
>
|
||
|
|
<template #default="{ node, data }">
|
||
|
|
<span class="custom-tree-node">
|
||
|
|
<span>{{ node.label }}</span>
|
||
|
|
<span>
|
||
|
|
<a @click="append(data)"> Append </a>
|
||
|
|
<a style="margin-left: 8px" @click="remove(node, data)"> Delete </a>
|
||
|
|
</span>
|
||
|
|
</span>
|
||
|
|
</template>
|
||
|
|
</el-tree>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss"></style>
|