解决方案
通过 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>
可以在线试试: