关于html5:element-message提示框被dialog遮罩层挡住的问题

问题:见下图

起因:z-index的大小导致的
解决:应用$message提供的自定义类名来解决

this.$message({message:’这是提示信息’,type:’warning’,customClass:’new_z_index’})

<style>
.new_z_index {

z-index:9000 !important;

}
</style>
(注:倡议写在scoped的style,防止影响到其余的$message或者dialog的款式)
成果:见下图

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理