el-select四级联动

el-select 四级联动可以通过嵌套 el-cascader 组件来实现。下面是一个示例代码供参考：

<template>
  <div>
    <el-cascader
      :options="options"
      v-model="selectedOptions"
      @change="handleChange"
      :props="props"
    ></el-cascader>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          value: "beijing",
          label: "北京",
          children: [
            {
              value: "haidian",
              label: "海淀区",
              children: [
                {
                  value: "wudaokou",
                  label: "五道口",
                  children: [
                    {
                      value: "tsinghua",
                      label: "清华大学",
                      children: []
                    },
                    {
                      value: "pku",
                      label: "北京大学",
                      children: []
                    }
                  ]
                }
              ]
            }
          ]
        },
        {
          value: "shanghai",
          label: "上海",
          children: [
            {
              value: "pudong",
              label: "浦东新区",
              children: [
                {
                  value: "lujiazui",
                  label: "陆家嘴",
                  children: [
                    {
                      value: "cf",
                      label: "中国金融中心",
                      children: []
                    },
                    {
                      value: "swfc",
                      label: "上海环球金融中心",
                      children: []
                    }
                  ]
                }
              ]
            }
          ]
        }
      ],
      selectedOptions: [],
      props: {
        value: "value",
        label: "label",
        children: "children"
      }
    };
  },
  methods: {
    handleChange(val) {
      console.log(val);
    }
  }
};
</script>

在这个示例中，我们使用了 el-cascader 组件来实现四级联动。`options` 属性提供了所有可选项的数据，每个选项包含 `value` 和 `label` 属性。`selectedOptions` 属性是一个数组，用来保存用户选择的选项。`props` 属性是一个对象，用来配置每个选项的属性名。`@change` 事件在用户选择了一个选项后触发，我们可以在这里处理用户选择的数据。