目前message使用的过程中,已知的有两点原因,会造成message不生效。
1,是this指向问题
解决办法是:在关键位置,let _this = this
------
let _this = this
------
2,是message的层级问题,可能有的页面设置的层级太高,遮挡住message
解决办法是:设置class,给class定义样式的z-index属性
// js
this.$message({
message: '成功展示666我嘞宝贝',
type: 'success',
customClass: 'messageIndex'
})
// css
.messageIndex {
z-index: 99999 !important;
}
文章主要介绍了在使用message功能时遇到的两个常见问题及解决方案:一是由于this指向问题导致message不生效,解决方法是在关键位置保存this引用;二是message的层级被其他元素覆盖,可通过设置更高的z-index值来解决,例如添加自定义class并调整样式。
1万+

被折叠的 条评论
为什么被折叠?



