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

在vue项目中添加全局提示框

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


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

在vue项目中添加全局提示框


3、在main.js中全局使用

在vue项目中添加全局提示框


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

在vue项目中添加全局提示框


结果预览:
在vue项目中添加全局提示框

 

相关文章: