问题回显:
想要实现的效果:
在message组件中有一个自定义类名API
上代码:
Vue3:
ElMessage({
message: '这是一条提示信息',
type: 'success',
customClass: 'mzindex'
})
Vue2:
this.$message({
message: '这是一条提示信息',
type: 'success',
customClass: 'mzindex'
})
//当在style 中给mzindex添加css样式的时候 应注意
//如果style含有 scoped的 那么在含scoped的style标签中将不生效,可以新建一个style标签 写mzindex样式
//不生效
<style scoped>
z-index: 9999 !important;
</style>
//生效
<style>
.mzindex {
z-index: 9999 !important;
}
</style>
//dialog遮罩层的层级在2007 秩序大于它即可实现
//没有什么可注意的 就是一个scoped
//当 <style> 标签有 scoped 属性时,它的 CSS 只作用于当前组件中的元素。这类似于 Shadow DOM 中的样式封装。