Element Plus Select 组件自定义下拉框内容

解决方案

通过 Select 的 empty 插槽实现。

问题拓展

点击“自定义下拉框内容”里的内容浮层关闭怎么办？
参与 Ant Design 组件库的解决方案，通过给下拉框的外层增加 click 事件，且对这一层阻止冒泡即可。

<template>
  <el-select :teleported="false">
    <template #empty>
      <div @click.self.stop="() => {}">
      	test1
        <el-select :teleported="false" id="my">
          <template #empty>
            <div style="height: 100px" @click.self.stop="() => {}">
              <el-button>关闭</el-button>
            </div>
          </template>
        </el-select>
      </div>
    </template>
  </el-select>
</template>

可以在线试试：