1、写一个提示框组件：msg.vue

在vue项目中添加全局提示框 随笔 第1张

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

(注明：这里用两个div的原因是成功和失败的提示不能用同一个div，因为他们可能紧接着出现，所以不能从始至终只有一个提示框在工作)


2、写一个调用此组建的js ：msg.js

在vue项目中添加全局提示框 随笔 第2张


3、在main.js中全局使用

在vue项目中添加全局提示框 随笔 第3张


4、在任意组件都可以调用

在vue项目中添加全局提示框 随笔 第4张


结果预览：
在vue项目中添加全局提示框 随笔 第5张

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄