Vue$mount实战之实现消息弹窗组件-创新互联
之前的项目一直在使用Element-UI
框架,element中的Notification
、Message
组件使用时不需要在html写标签,而是使用js调用。那时就很疑惑,为什么element ui
使用this.$notify
、this.$message
就可以实现这样的功能?
1、实现消息弹窗组件的几个问题
- 如何在任何组件中使用this.$message就可以显示消息?
- 如何将消息的dom节点插入到body中?
- 同时出现多个消息弹窗时,消息弹窗的z-index如何控制?
2、效果预览
3、代码实现
PMessage.vue
分享文章:Vue$mount实战之实现消息弹窗组件-创新互联
本文链接:http://cdiso.cn/article/dpcjch.html