el-cascader怎么获取第一层的数据

el-cascader 是一个基于 Vue.js 的级联选择器组件，可以用于选择一组层级结构的数据。如果你想获取 el-cascader 的第一层数据，可以通过绑定组件的 `options` 属性来实现。

具体来说，你需要在 Vue 实例中定义一个数组作为 `options` 的值，这个数组中包含了第一层的数据。例如：

<el-cascader
  :options="options"
></el-cascader>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: 'beijing',
          label: '北京市',
          children: [
            {
              value: 'haidian',
              label: '海淀区'
            },
            {
              value: 'dongcheng',
              label: '东城区'
            }
          ]
        },
        {
          value: 'shanghai',
          label: '上海市',
          children: [
            {
              value: 'pudong',
              label: '浦东新区'
            },
            {
              value: 'huangpu',
              label: '黄浦区'
            }
          ]
        }
      ]
    }
  }
}
</script>

在上面的例子中，`options` 数组包含了两个对象，每个对象表示一个城市，包含了城市的名称和子区域列表。当 el-cascader 组件渲染时，它会显示这两个城市的名称，用户选择一个城市后，组件会自动显示该城市的子区域列表。

如果你只需要获取第一层数据，可以在组件的 `change` 事件中获取用户选择的第一层数据。例如：

<el-cascader
  :options="options"
  @change="handleChange"
></el-cascader>

<script>
export default {
  data() {
    return {
      options: [ /* 第一层数据 */ ],
      selectedFirstLayerValue: null
    }
  },
  methods: {
    handleChange(value) {
      this.selectedFirstLayerValue = value
    }
  }
}
</script>

在上面的例子中，`handleChange` 方法会在用户选择值发生改变时被调用。`value` 参数是一个数组，包含了用户选择的所有层级的值。由于我们只需要获取第一层数据，所以可以通过 `value` 来获取用户选择的第一个值，也就是第一层数据的值。将这个值保存在组件的 `selectedFirstLayerValue` 属性中即可。