el-cascader 子级disabled设置true 首次加载不生效

`el-cascader` 是 Element UI 提供的一个下拉选择组件，它通常用于层级结构的选择。当设置某个子级的 `disabled` 属性为 `true`，意味着用户无法选择这个子级及其下的选项。然而，在首次加载时，如果直接将 `disabled` 设置为 `true`，组件可能会默认显示所有可选数据，因为这是基于当前已知的数据状态。

如果你发现首次加载时不生效，可能是由于以下原因：

1. 初始化数据时未正确设置子级的 `disabled` 标志：确保你在加载数据的同时更新了每个节点的 `disabled` 状态，这通常需要递归处理数据结构。

2. `el-cascader` 的 prop 默认值问题：检查一下是否设置了 `props` 中的 `disabled` 或者 `showDisabled` 属性，它们决定了禁用状态的呈现。

3. 组件的 `lazy` 加载：如果启用懒加载，你需要在展开到相应节点后再动态修改其 `disabled` 属性，而不是一开始就全局设置。

解决这个问题的一种常见做法是在获取到完整数据后，遍历数据结构，并在渲染节点时根据条件设置 `disabled` 属性。例如：

// 示例代码
const treeData = getTreeData(); // 获取完整的树形数据
treeData.forEach(item => {
  if (item.children && item.disabled) {
    item.children.forEach(child => child.disabled = true);
  }
});

this.$refs.cascader.loadData(treeData); // 调用 cascader 的 loadData 方法