vue+elementui--$message提示框被dialog遮罩层挡住问题解决

message提示框会默认被dialog遮罩层挡住 使用权重z-index

message组件中提供了customClass 属性，我们可以利用这个属性去添加一个z-index超过dialog遮罩层比重的值就好了

 this.$message({
    message:'之前选择的包材，已经被清空，请重新选择',
    type:"warning",
    customClass: 'messageIndex'
  })

样式必须写在全局中，如果是在scoped中不生效，可以在写一个style就可以解决

<style >
 .messageIndex {
z-index: 300000 !important;
}
</style>

效果