vxe-table table和 下拉框 被遮挡
时间: 2023-10-28 20:07:15 浏览: 289
下拉框隐藏
在使用vxe-table时,可能会遇到el-ui dialog遮挡了日期框、下拉框、表格提示信息等问题。这是因为el-ui dialog的层级太高,导致这些元素被遮挡。解决方法是修改日期框、下拉框等元素的层级,使它们的层级高于遮挡层。可以通过添加以下样式来实现:
```<style rel="stylesheet/scss" lang="scss">
.vxe-dropdown--panel {
z-index: 2010 !important; //下拉框
}
.vxe-input--panel.type--date,
.vxe-input--panel.type--month,
.vxe-input--panel.type--week,
.vxe-input--panel.type--year {
z-index: 9998 !important; //日期框
}
.vxe-select--panel {
z-index: 9997 !important; //选择框
}
</style>```
需要注意的是,直接加样式穿透性全都无效,需要使用 ::v-deep >>> 或 /deep/ 等方式来穿透样式。另外,如果需要使用vxe-table-plugin-menus插件,可以通过npm安装并引入该插件来提供实用的快捷菜单集。
阅读全文