vue2 element el-cascader tree

你可以使用 Vue 2 和 Element UI 的 el-cascader 组件来实现树形级联选择器。先，确保你已经安装了 Vue 和 Element UI，并在你的项目中引入它们。

接下来，你需要准备一个树形数据源，用于填充 el-cascader 组件。你可以使用递归的方式来构建树形数据结构。例如，假设你的树形数据如下所示：

[
  {
    value: '1',
    label: '一级 1',
    children: [
      {
        value: '1-1',
        label: '二级 1-1',
        children: [
          {
            value: '1-1-1',
            label: '三级 1-1-1'
          },
          {
            value: '1-1-2',
            label: '三级 1-1-2'
          }
        ]
      },
      {
        value: '1-2',
        label: '二级 1-2'
      }
    ]
  },
  {
    value: '2',
    label: '一级 2',
    children: [
      {
        value: '2-1',
        label: '二级 2-1'
      },
      {
        value: '2-2',
        label: '二级 2-2'
      }
    ]
  }
]

然后，在你的 Vue 组件中使用 el-cascader 组件，并将树形数据源绑定到 options 属性上：

<template>
  <el-cascader
    v-model="selectedValues"
    :options="treeData"
    :props="{ value: 'value', label: 'label', children: 'children' }"
  ></el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedValues: [], // 用于存储选中的值
      treeData: [/* 树形数据源 */]
    };
  }
};
</script>

这样，你就可以在 el-cascader 中选择树形数据，并通过 `selectedValues` 属性来获取选中的值。

注意，`el-cascader` 组件还有其他可用的属性和事件，你可以根据自己的需求进行配置和使用。具体的用法和更多的示例可以参考 Element UI 的官方文档。