问题遇到的现象和发生背景
vue项目中使用了elementUI。
页面中，页面元素不知道什么原因自动添加了el-message，导致使用this.$message 方法时弹窗不能出现，
想问各位有没有遇见过这样的问题，应该怎么解决呢
页面元素自动添加了el-message，导致使用this.$message 方法时弹窗不能出现
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
喵喵学姐 2022-02-10 16:31关注html里的el-message就是this.$message解析显示的元素，不显示是因为设置了display:none；。检查下哪里设置了不显示或者检查his.$message填写是否正确
解决 无用评论 打赏举报 编辑记录 分享
- 2022-02-10 17:26蹦豆蹦的博客 项目开发过程中，发现一个问题，this.$message方法调用后不报错，但是就是在页面上不能显示，一开始考虑this指向的问题，但是修改了this，发现还是不能正常显示。检查控制台，发现页面elements里面，这个el-message...
- 2023-03-21 14:46棒棒的唐的博客 【代码】avue 通过this.$DialogForm.show弹窗 control函数控制表单联动的高级用法及注意事项。
- 2022-06-17 19:03飞蛾扑火L的博客 话不多说，直接上菜。大家有遇到这种情况吗？报错如下： 在main.js引入了，组件不起作用，问题在于引入方式。
- 2022-09-14 00:00勇敢*牛牛的博客 this.$confirm 不能使用为：undefined，MessageBox 解决全局注册导致打开页面会自动弹出的情况
- 2022-10-21 16:37朝阳39的博客 要点： 将 message 当作 HTML 片段处理
- 2022-04-12 08:42老李四的博客 <el-button @click="saveData">... this.$message({undefined message:“这是弹框消息”, type:‘success’ }) // type 取值 ‘success’(成功) /warning(警告)/info(消息)/error(错误)/ } ...
- 2023-10-28 10:05
解决 element-ui 抽屉弹窗、弹窗、气泡弹窗、消息弹窗、确认弹窗【el-drawer、el-dialog、el-popover、$message、$confirm】的 遮罩层z-index问题ylnzzl的博客 解决 element-ui 抽屉弹窗、弹窗、气泡弹窗、确认弹窗【el-drawer、el-dialog、el-popover、$confirm】的 遮罩层z-index问题 - 2022-04-28 21:18全栈小定的博客 出现这种情况的原因是因为消息弹窗的层级z-index比对话框低导致的，消息弹窗的z-index一般在2001，而对话框的z-index在3000左右。 解决思路很简单，我们只要把对话框的z-index降低即可，让它显示在消息弹窗下面，...
- 2023-09-27 12:00风中的疯的博客 elementui引入弹出框报错：this.$alert is not defined 解决方案
- 2021-03-02 16:23前端小丑的博客 如何实现全局弹窗组件____(this.$notice({})) 弹窗这类组件的特点是它们在当前vue实例之外独⽴存在，通常挂载于body；它们是通过JS动态创建 的，不需要在任何组件中声明。常⻅使⽤姿势： submitFrom() { this.$...
- 没有解决我的问题, 去提问
问题事件
创建了问题
2月10日