a-modal 使用 vxe-table 可编辑表格、下拉框被遮挡解决方法
当 ant-design-vue a-modal 使用 vxe-table 可编辑表格、下拉框被遮挡解决方法,由于不同组件库的层级不一样,通过设置大一点的层级就可以了
安装
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 共享配置
})
这样就正常了