demo1.vue 841 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <m-tree :data="list"></m-tree>
  3. </template>
  4. <script setup>
  5. const list = [
  6. {
  7. label: '一级 1',
  8. children: [
  9. {
  10. label: '二级 1-1',
  11. children: [
  12. {
  13. label: '三级 1-1-1'
  14. }
  15. ]
  16. }
  17. ]
  18. },
  19. {
  20. label: '一级 2',
  21. children: [
  22. {
  23. label: '二级 2-1',
  24. children: [
  25. {
  26. label: '三级 2-1-1'
  27. }
  28. ]
  29. },
  30. {
  31. label: '二级 2-2'
  32. }
  33. ]
  34. },
  35. {
  36. label: '一级 3',
  37. children: [
  38. {
  39. label: '二级 3-1',
  40. children: [
  41. {
  42. label: '三级 3-1-1'
  43. }
  44. ]
  45. },
  46. {
  47. label: '二级 3-2',
  48. children: [
  49. {
  50. label: '三级 3-2-1'
  51. }
  52. ]
  53. }
  54. ]
  55. }
  56. ]
  57. </script>