el-cascader只取第一级

`el-cascader` 是 Element UI 中的一个下拉选择组件，它用于构建一个多级联动的选择器。如果你只想让用户选择第一级选项，而不是展开整个层级结构，你可以通过设置组件的一些属性来控制。

例如，在初始化组件时，可以将 `props.data` 的结构限制为只有第一级选项，或者在事件监听中，比如 `change` 事件处理函数里，获取用户选择的第一个节点：

<template>
  <el-cascader
    :data="firstLevelOptions"
    @change="handleFirstLevelChange"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      firstLevelOptions: [
        { value: '0', label: '一级分类一' },
        { value: '1', label: '一级分类二' },
        // 只包含第一级的数据...
      ],
      selectedValue: '', // 存储用户选择的第一级值
    };
  },
  methods: {
    handleFirstLevelChange(value) {
      this.selectedValue = value; // 当用户选择第一级，更新selectedValue
      // 如果需要阻止后续层级的选择，可以在这里添加阻止操作的逻辑
    },
  },
};
</script>

在这个例子中，当用户从第一级做出选择时，`handleFirstLevelChange` 方法会被触发，并且只会保存第一级的值。如果你想完全禁用后续层级的选择，可以在 `handleFirstLevelChange` 或者适当的生命周期钩子里添加相应的判断和处理。