el-select在el-dialog里面不显示下拉框
时间: 2023-07-24 16:32:35 浏览: 115
Layui动态生成select下拉选择框不显示的解决方法
5星 · 资源好评率100%
el-select 在 el-dialog 中不显示下拉框的原因可能是因为 el-dialog 的 z-index 值较高,导致下拉框被遮挡了。解决方法如下:
1. 可以尝试在 el-select 上添加一个较高的 z-index 值,例如:
```
<el-select v-model="selected" :options="options" style="z-index: 9999;"></el-select>
```
2. 如果上述方法无效,可以尝试在 el-select 所在的父元素(例如 el-dialog)中设置一个较低的 z-index 值,例如:
```
<el-dialog :style="{ 'z-index': 1000 }">
<el-select v-model="selected" :options="options"></el-select>
</el-dialog>
```
希望以上解决方法能够帮助你解决 el-select 在 el-dialog 中不显示下拉框的问题。
阅读全文