el-cascader层级选择 数据获取

el-cascader是一个层级选择组件，用于从多层级数据中进行选择。要获取el-cascader的数据，你需要提供一个包含层级结构的数据源。

可以通过以下步骤获取el-cascader的数据：

1. 准备数据源：首先，你需要准备一个包含层级结构的数据源。该数据源可以是一个数组或对象，每个元素代表一个层级节点。每个节点应该包含一个唯一标识符（value）和显示文本（label），以及可选的子节点（children）。

2. 绑定数据源：将准备好的数据源绑定到el-cascader组件的data属性上。这样el-cascader就能够根据数据源渲染层级选择菜单。

3. 获取选中值：当用户选择某个节点时，el-cascader会触发一个change事件。你可以通过监听change事件来获取用户选择的值。在change事件处理函数中，可以通过event对象的参数获取选中的值。

以下是一个示例代码，展示了如何获取el-cascader的数据：

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

<script>
export default {
  data() {
    return {
      options: [
        {
          value: '1',
          label: 'Option 1',
          children: [
            {
              value: '1-1',
              label: 'Option 1-1',
              children: [
                {
                  value: '1-1-1',
                  label: 'Option 1-1-1',
                },
                {
                  value: '1-1-2',
                  label: 'Option 1-1-2',
                },
              ],
            },
            {
              value: '1-2',
              label: 'Option 1-2',
            },
          ],
        },
        {
          value: '2',
          label: 'Option 2',
        },
      ],
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
      // 在这里可以处理选中的值
    },
  },
};
</script>

在上面的示例中，`options`数组是el-cascader的数据源，第一层级有两个选项，第一个选项有子节点，第二个选项没有子节点。当用户选择某个节点时，`handleChange`方法会被调用，并打印选中的值。

希望这个回答能够帮助到你！如果还有任何问题，请随时提问。