Skip to content

Conversation

cshaptx4869
Copy link
Contributor

现象:axios.ts 中的 ElMessage 被 VxeModal 所遮挡
原因:

  • Element Plus 弹出组件的层级,zIndex 的默认值为 2000
  • VxeTable 全局 z-index 默认起始是 999, 而在 setConfig() 中配置为了 9999
PixPin_2025-08-07_09-05-36

@pany-ang
Copy link
Member

不修改 Element Plus 的默认值,而是将 Vxe Table 的值恢复为 999 是不是更合理?

@cshaptx4869
Copy link
Contributor Author

不修改 Element Plus 的默认值,而是将 Vxe Table 的值恢复为 999 是不是更合理?

现有代码中有些样式的 z-index 比 999 要大的多,可能会有影响
PixPin_2025-09-15_13-55-20
PixPin_2025-09-15_13-53-39

@pany-ang
Copy link
Member

把 Vxe Table 改成和 Element Plus 默认值一致应该就可以了

@cshaptx4869
Copy link
Contributor Author

把 Vxe Table 改成和 Element Plus 默认值一致应该就可以了

VxeTable 的 z-index 会随着 VXETable.modal.message 调用次数累加,到最后还是有可能比 element plus 大

@pany-ang
Copy link
Member

也有道理,但是修改 EP 的默认值实在不是一个好的选择,会给业务上造成一定的心智负担。

我的建议依旧是将 Vxe 和 EP 默认值保持一致,你看看怎么样

@cshaptx4869
Copy link
Contributor Author

也有道理,但是修改 EP 的默认值实在不是一个好的选择,会给业务上造成一定的心智负担。

我的建议依旧是将 Vxe 和 EP 默认值保持一致,你看看怎么样

设置相同起始 z-index 会导致难以预测的 UI 层级冲突
PixPin_2025-09-16_11-02-29

@pany-ang
Copy link
Member

其实是不要紧的,按理来说 EP 和 Vxe 的默认值我们都不需要去修改才对,应该留给业务上自己取舍。

如果你将 EP 的层级提高,其他地方已有的 z-index 也得一起同步修改才对,比如:

img_v3_02q6_e55342c7-6ebb-4913-9151-b349b0d7cbag

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants