js 勾选目录树

<template>
  <ul>
    <li v-for="node in treeData" :key="node.id">
      <input type="checkbox" v-model="node.checked" @change="updateChildren(node)" />
      {{ node.name }}
      <tree-node v-if="node.children && node.children.length" :treeData="node.children" @update="updateParent(node)" />
    </li>
  </ul>
</template>

<script>
export default {
  name: 'TreeNode',
  props: {
    treeData: Array
  },
  methods: {
    updateChildren(node) {
      if (node.children) {
        node.children.forEach(child => {
          child.checked = node.checked;
          this.updateChildren(child);
        });
      }
    },
    updateParent(node) {
      // 更新父节点的勾选状态的逻辑
    }
  }
};
</script>