根据el-tree渲染动态树数据，1.首先复选框必须在第一级同文件名称的节点才能复选，不能垮不相同的文件去选，2，在一个文件下可能会有多个二级节点的children的数组，在复选框第一次选中的复选框节

在Vue.js中，使用Element UI库里的el-tree组件渲染动态树状数据，并满足你描述的两个条件，你可以按照以下步骤操作：

1. **配置数据结构**:
首先，确保你的树数据结构包含必要的信息，如文件名、是否已选择的状态等。例如，可以将`selected`属性用于表示某个节点是否被选中，以及一个嵌套数组来存储每个文件下的二级节点。

data() {
  return {
    treeData: [
      {
        name: '文件A',
        children: [
          { name: '节点1', selected: false },
          { name: '节点2', selected: false }
        ]
      },
      // 其他文件...
    ],
    checkedNodes: [] // 用于保存所有选中的节点
  };
}

2. **绑定事件监听**:
使用v-model绑定`checkedNodes`到treeData中的`selected`属性，当用户点击节点时，更新状态并同步到`checkedNodes`。

<template>
  <el-tree
    :data="treeData"
    :props="{ children, label: 'name' }"
    :check-strictly="true"  <!-- 确保只能在同一层级内选中 -->
    @check-change="handleCheckChange"
  ></el-tree>
</template>

<script>
export default {
  methods: {
    handleCheckChange(node) {
      if (node.level === 0) {  // 如果是根节点
        node.checked = !node.children.some(child => child.checked);  // 只能全选或全不选当前文件内的节点
      } else {
        node.indeterminate = !node.parent.checked;  // 同一文件下二级节点跟随一级状态
      }

      this.checkedNodes = [...this.treeData.map(item => ({ ...item, checked: item.selected }))];
    }
  }
};
</script>

3. **满足条件的复选功能**:
- `check-strictly`属性设置为`true`，保证只允许在同层级节点间切换选择。
- `handleCheckChange`方法检查根节点时，会确保只有整个文件的节点都被选中或未选中。