本文环境:windows7、vue2.9.6,该方法适用于所有品牌的电脑。

vue.js添加全局提示框的方法:

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

86f86089c13d82e862294e5a11d3cc2.png

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

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

e3f34a6cdaa86bdbf44a7815154cbf7.png

3、在main.js中全局使用

611d00c116926471c4eb1cf3e4c0785.png

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

8f2d11c09a03e333d43d238690339ec.png

以上就是vue.js怎么添加全局提示框的详细内容,更多请关注其它相关文章!