demo-xuexixuexi

<template> <div class="distribution-container"> <div> <create-container :data="data" /> </div> <div> <container :data="data" /> </div> </div> </template> <script lang="ts" setup> import CreateContainer from '@/components/distribution/create-container/index.vue'; import Container from '@/components/distribution/container/index.vue'; import { reactive } from 'vue'; const data = reactive([ { label: '第一层', type: '1', childrenType: '2', children: [ { label: '第一组', type: '2', }, { label: '第二组', type: '2', }, { label: '第三组', type: '2', }, { label: '第四组', type: '2', }, ], }, { label: '第一层', type: '1', children: [], }, { label: '第一层', type: '1', children: [], }, { label: '第一层', type: '1', children: [], }, ]); </script> <style lang="less"> .distribution-container { display: flex; } </style>