el-select显示悬浮窗

要让el-select显示悬浮窗，可以使用el-cascader组件，它可以实现级联选择，也可以显示悬浮窗。具体实现方法如下：

1. 在el-select中使用el-cascader组件，设置options属性为一个数组，数组中每个元素为一个对象，该对象包含label和value属性，分别表示选项的文本和值。

2. 设置el-cascader的show-all-levels属性为true，这样就可以显示悬浮窗。

3. 设置el-cascader的expand-trigger属性为'hover'，这样就可以在鼠标悬停时展开悬浮窗。

例如，以下代码实现了一个带有悬浮窗的el-select：

<template>
  <el-select v-model="value" placeholder="请选择">
    <el-cascader
      :options="options"
      :show-all-levels="true"
      :expand-trigger="'hover'"
    ></el-cascader>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      value: '',
      options: [
        {
          value: 'zhinan',
          label: '指南',
          children: [
            {
              value: 'shejiyuanze',
              label: '设计原则',
              children: [
                {
                  value: 'yizhi',
                  label: '一致',
                },
                {
                  value: 'fankui',
                  label: '反馈',
                },
                {
                  value: 'xiaolv',
                  label: '效率',
                },
                {
                  value: 'kekong',
                  label: '可控',
                },
              ],
            },
            {
              value: 'daohang',
              label: '导航',
              children: [
                {
                  value: 'cexiangdaohang',
                  label: '侧向导航',
                },
                {
                  value: 'dingbudaohang',
                  label: '顶部导航',
                },
              ],
            },
          ],
        },
        {
          value: 'zujian',
          label: '组件',
          children: [
            {
              value: 'basic',
              label: 'Basic',
              children: [
                {
                  value: 'layout',
                  label: 'Layout 布局',
                },
                {
                  value: 'color',
                  label: 'Color 色彩',
                },
                {
                  value: 'typography',
                  label: 'Typography 字体',
                },
                {
                  value: 'icon',
                  label: 'Icon 图标',
                },
                {
                  value: 'button',
                  label: 'Button 按钮',
                },
              ],
            },
            {
              value: 'form',
              label: 'Form',
              children: [
                {
                  value: 'radio',
                  label: 'Radio 单选框',
                },
                {
                  value: 'checkbox',
                  label: 'Checkbox 多选框',
                },
                {
                  value: 'input',
                  label: 'Input 输入框',
                },
                {
                  value: 'input-number',
                  label: 'InputNumber 计数器',
                },
                {
                  value: 'select',
                  label: 'Select 选择器',
                },
                {
                  value: 'cascader',
                  label: 'Cascader 级联选择器',
                },
              ],
            },
          ],
        },
      ],
    };
  },
};
</script>