vue中el-tree默认选中和全部禁用

在Vue中，使用Element UI的el-tree组件时，可以通过设置节点的disabled属性来禁用节点，并通过:default-checked-keys来设置默认选中的节点。

以下是一个示例代码，展示了如何在el-tree中设置默认勾选和禁用节点：

<template>
  <el-tree
    :data="treeData"
    show-checkbox
    node-key="id"
    :default-checked-keys="defaultCheckedKeys"
    :props="defaultProps">
  </el-tree>
</template>
 
<script>
export default {
  data() {
    return {
      defaultProps: {
        children: 'children',
        label: 'label',
        disabled: 'disabled'
      },
      treeData: [
        {
          id: 1,
          label: '一级 1',
          children: [
            {
              id: 4,
              label: '二级 1-1',
              disabled: true // 禁用这个节点
            }
          ]
        },
        // ... 其他节点数据
      ],
      defaultCheckedKeys: [2, 3] // 默认勾选的节点id
    };
  }
};
</script>

在这个例子中，treeData定义了树的结构，其中一个节点的disabled属性被设置为true，这会使得该节点在el-tree组件中被禁用。defaultCheckedKeys是一个数组，包含了默认勾选的节点的id。

请确保你已经在项目中安装并正确配置了Element UI，因为el-tree是Element UI提供的一个组件。