el-tree 选中父元素 父元素底下的子级元素不默认被选中，这是什么问题

您好，针对您的问题，我理解的是您在使用element-ui的el-tree组件时，想要选中父元素时不让子元素默认被选中，如果我的理解有误，请您及时指正。

针对您的问题，我认为可以通过设置el-tree组件的checkStrictly属性来实现，具体操作步骤如下：

1. 在el-tree组件中设置checkStrictly属性为true，表示父子节点之间不关联。

<el-tree
  :data="treeData"
  :show-checkbox="true"
  :check-strictly="true"
  @check="onCheck"
></el-tree>

2. 在选中父节点的回调函数中，手动设置子节点的选中状态为false。

onCheck(checkedNodes, checkedKeys) {
  // 遍历所有选中的节点
  checkedNodes.forEach(node => {
    // 如果当前节点是父节点，则将其子节点的选中状态设置为false
    if (node.children && node.children.length > 0) {
      node.children.forEach(child => {
        checkedKeys.splice(checkedKeys.indexOf(child.id), 1);
      });
    }
  });
},

以上就是我给出的解决方案，希望能够帮助到您。如果还有其他问题，请随时提出。

相关问题

el-tree 选中父元素 也让父元素底下的children也默认被选中

您可以通过监听 `node-click` 事件，在事件回调中递归遍历当前节点的所有子孙节点，并修改它们的选中状态，来实现选中父元素也让父元素底下的children也默认被选中的功能。具体实现代码如下：

<template>
  <el-tree :data="data" :node-key="nodeKey" @node-click="handleNodeClick"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      data: [
        {
          id: 1,
          label: '父节点1',
          children: [
            {
              id: 11,
              label: '子节点1-1'
            },
            {
              id: 12,
              label: '子节点1-2'
            }
          ]
        },
        {
          id: 2,
          label: '父节点2',
          children: [
            {
              id: 21,
              label: '子节点2-1'
            },
            {
              id: 22,
              label: '子节点2-2'
            }
          ]
        }
      ],
      nodeKey: 'id'
    };
  },
  methods: {
    handleNodeClick(data, node) {
      // 递归遍历所有子孙节点，并修改它们的选中状态
      const traverse = (node) => {
        if (node.children && node.children.length > 0) {
          node.children.forEach(child => {
            this.$refs.tree.setChecked(child.id, true);
            traverse(child);
          });
        }
      };
      traverse(node);
    }
  }
};
</script>

以上代码中，在 `handleNodeClick` 方法中，我们通过递归遍历当前节点的所有子孙节点，并通过 `setChecked` 方法来修改它们的选中状态。注意需要给 `<el-tree>` 组件设置 `ref` 属性，以便在方法中使用。

vue3项目用的是 setup ；el-tree 选中父元素 也让父元素底下的children也默认被选中

在 Vue3 中，使用 `setup` 函数来替代 Vue2 中的 `data`、`methods` 等选项。对于 ElementUI 的 `el-tree` 组件，我们可以通过 `checkedKeys` 和 `checkStrictly` 两个属性来实现选中父元素也让父元素底下的 children 也默认被选中的功能。

具体实现代码如下：

<template>
  <el-tree
    :data="data"
    :props="defaultProps"
    :checked-keys="checkedKeys"
    :check-strictly="checkStrictly"
    @check="handleCheck"
  ></el-tree>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const data = [
      {
        id: 1,
        label: '父节点1',
        children: [
          {
            id: 11,
            label: '子节点1-1'
          },
          {
            id: 12,
            label: '子节点1-2'
          }
        ]
      },
      {
        id: 2,
        label: '父节点2',
        children: [
          {
            id: 21,
            label: '子节点2-1'
          },
          {
            id: 22,
            label: '子节点2-2'
          }
        ]
      }
    ];

    const defaultProps = {
      children: 'children',
      label: 'label'
    };

    const checkedKeys = ref([]);
    const checkStrictly = ref(true);

    const handleCheck = (checkedKeys, { node }) => {
      if (node.children && node.children.length > 0) {
        // 选中父元素时，同时选中它的所有 children
        if (checkedKeys.includes(node.id)) {
          const childrenKeys = node.children.map(child => child.id);
          checkedKeys.value = Array.from(new Set([...checkedKeys, ...childrenKeys]));
        }
        // 取消选中父元素时，同时取消选中它的所有 children
        else {
          const childrenKeys = node.children.map(child => child.id);
          checkedKeys.value = checkedKeys.filter(key => !childrenKeys.includes(key));
        }
      }
    };

    return {
      data,
      defaultProps,
      checkedKeys,
      checkStrictly,
      handleCheck
    };
  }
};
</script>

以上代码中，我们使用 `ref` 来定义 `checkedKeys` 和 `checkStrictly` 两个响应式变量，分别用来存储选中的节点和设置是否严格选中模式。在 `handleCheck` 方法中，我们监听 `check` 事件，并通过 `node.children` 判断当前节点是否有子节点。若有子节点，则根据选中状态，同时选中或取消选中其所有子节点。最后，将选中节点的 `id` 值存入 `checkedKeys` 数组中，实现选中父元素也让父元素底下的 children 也默认被选中的功能。