update： 修改属性组件使用问题

src/views/_components/drag/DragComments.vue

      { label: '学生', name: 'student', type: 'object', id: 14 },
      { label: '员工', name: 'staff', type: 'object', id: 15 }
    ]
  },
  {
    label: '数组',
    type: 'array',
    id: 16,
    tags: [
      { label: '兴趣', name: 'likes', type: 'array', id: 17 },
      { label: '作品', name: 'works', type: 'array', id: 18 }
    ]
  }
]);
const treeData = ref<any>([]);
// 标签点击，添加至左边树
function handleClickTag(tag: any) {
  console.log(tag);
  const newChild = {
    label: tag.label,
    name: tag.name,
      currentNode.value?.type === 'object' ||
      currentNode.value?.type === 'array'
    ) {
      currentNode.value.children.push(newChild);
      treeData.value = [...treeData.value];
      if (!currentNode.value.children.some((el) => el.name === newChild.name)) {
        currentNode.value.children.push(newChild);
        treeData.value = [...treeData.value];
      } else {
        proxy.$message.error(`${currentNode.value?.label}中已存在改属性！`);
      }
    } else {
      proxy.$message.error(`${currentNode.value?.type}类型不能有子类！`);
    }
}
// 数据处理
function tree2json(data: any) {
  const obj = {};
  data.forEach((item: any) => {
    if (item.children?.length) {
      obj[item.name] = tree2json(item.children);
function tree2json(data: any[], type: 'array' | 'object'): any {
  const obj: any = {};
  data.forEach((item) => {
    const { children } = item;
    if (children && children.length) {
      const childType = item.type;
      obj[item.name] = tree2json(children, childType as 'array' | 'object');
    } else {
      obj[item.name] = assignment(item.type);
    }
  });
  return obj;
  return type === 'array' ? [obj] : obj;
}
function validate() {}
watch(
  treeData.value,
  () => {
    if (treeData.value?.length) {
      jsonData.value = tree2json(treeData.value);
      jsonData.value = tree2json(treeData.value, 'object');
    } else {
      currentNode.value = {};
    }