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

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

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


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

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


3、在main.js中全局使用

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


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

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


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

 

相关文章:

  • 2018-12-17
  • 2021-06-10
  • 2022-12-23
  • 2021-05-07
  • 2021-08-24
  • 2021-08-04
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-10-09
  • 2022-12-23
相关资源
相似解决方案