a-modal 使用 vxe-table 可编辑表格、下拉框被遮挡解决方法

当 ant-design-vue a-modal 使用 vxe-table 可编辑表格、下拉框被遮挡解决方法,由于不同组件库的层级不一样,通过设置大一点的层级就可以了

官网:https://vxetable.cn/

安装

 npm install vxe-pc-ui@4.3.11 vxe-table@4.9.11
// ...
import VxeUI from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
import VxeUITable from 'vxe-table'
import 'vxe-table/lib/style.css'
// ...

createApp(App).use(VxeUI).use(VxeUITable).mount('#app')
// ...

import { VxeUI } from 'vxe-table

VxeUI.setConfig({
  zIndex: 3000, // 全局 zIndex 起始值,如果项目的的 z-index 样式值过大时就需要跟随设置更大,避免被遮挡;新版本可以使用 dom-zindex 共享配置
})

这样就正常了

posted @ 2024-12-04 11:04  可不简单  阅读(221)  评论(0)    收藏  举报