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

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

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


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


3、在main.js中全局使用


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


结果预览:

 

posted @ 2019-04-25 10:56  陌上兮月  阅读(5273)  评论(1编辑  收藏  举报