el-cascader children为空不显示

`el-cascader` 是 Element UI 中的一个级联选择器组件，用于处理多层级数据的场景。当你在使用 `el-cascader` 组件时，如果想要在 `children` 属性为空时不显示该节点，可以通过在 `el-cascader` 组件的 `props` 中配置 `checkStrictly` 和 `disabled` 来实现。

通常情况下，如果不做特别配置，即使节点没有子节点（即 `children` 空），该节点也会显示在界面上。但是，如果你设置 `props` 中的 `checkStrictly` 为 `true`，那么节点是否可选将由 `disabled` 属性决定。这时候，你可以通过 `disabled` 属性来控制节点是否显示。当 `disabled` 为 `true` 时，节点将不可选，从而在界面上表现为隐藏。

以下是一个简单的示例代码：

<template>
  <el-cascader
    v-model="value"
    :props="{ checkStrictly: true, disabled: 'disabled' }"
    :options="options"
    clearable>
  </el-cascader>
</template>

<script>
export default {
  data() {
    return {
      value: [],
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              disabled: true // 不显示该节点
            },
            {
              value: 'yizhan',
              label: '一致',
            },
            {
              value: 'fankui',
              label: '反馈',
            },
            {
              value: 'xiaolv',
              label: '效率',
              disabled: true // 不显示该节点
            },
            {
              value: 'zujian',
              label: '组件',
              children: [
                // ...子节点
              ],
            },
          ],
        },
        // ...其他节点
      ],
    };
  },
};
</script>

在这个例子中，`checkStrictly: true` 设置了严格检查模式，而 `disabled: 'disabled'` 表示使用 `disabled` 属性控制节点的选中状态。节点中的 `disabled: true` 将导致节点在界面上不被显示。