el-tree选择限制(只能三级单选el-checkbox多选框）及节点默认展开和默认选中

在Element UI (简称El-Tree) 中，如果你想要实现一种特殊的树形选择限制，比如只能选择一级、二级或三级中的一个节点，并且每个层级都只能有一个节点被选中，同时还可以设置节点默认展开和默认选中状态，你可以这样做：

1. **选择限制**：
- 使用`check-strictly`属性，这是一个布尔值，当设置为true时，将启用严格的节点检查模式，即每次只能选择一个节点（包括子节点），且不能同时选择同一级的其他节点。
- 配合`props`选项，例如 `default-checked-keys` 和 `default-expanded-keys`，可以指定默认选中或展开的节点key。

2. **节点默认展开与选中**：
- 对于默认展开的节点，可以在`data`源数据中维护一个`expanded`字段，初始化时将其设置为true。
- 对于默认选中的节点，同样维护一个`checked`字段，初始化时设置为所需的状态（如`true`表示选中）。

范例代码示例：

<template>
  <el-tree
    :data="treeData"
    check-strictly
    ref="treeRef"
    :default-checked-keys="defaultCheckedKeys"
    :default-expanded-keys="defaultExpandedKeys">
    <!-- 树节点模板 -->
    <span slot-scope="{ node }">
      <el-checkbox v-model="node.checked" @change="handleCheckboxChange(node)"> {{ node.label }}</el-checkbox>
    </span>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [], // 初始化你的树形数据
      defaultCheckedKeys: [1], // 默认选中的第一级节点key
      defaultExpandedKeys: [0], // 默认展开的第一级节点key
    };
  },
  methods: {
    handleCheckboxChange(node) {
      if (node.level > 3) { // 如果超过三级，取消选中
        node.checked = false;
      }
    }
  }
};
</script>