a-modal 使用 vxe-table 可編輯表格、下拉框被遮擋解決方法

可不简单發表於2024-12-04

當 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 共享配置
})

這樣就正常了

相關文章