vue2、vue3如可查找页面上的组件源

65 阅读1分钟

最近有个需求:将页面上所有的loading都替换掉。。。 当然你可以选择写一个全局样式将之前的loading样式全部覆盖,也可以将需要优化的loading一一找出来。 由于使用的功能包巨多,导致无法确定这个页面的loading是被那个包影响到了(更新了全局的loading样式,loading还是的老样式)

问题来了:如何确认当前页面使用的是那个包中的loading?

以下附上图片

vue2组件源查找

58432ceb2dcb187e5e838d8f5174e1a.jpg

注:挂载原型上的指的是全局的loading,否则是页面级的loading

vue3组件源查找

image.png

企业微信截图_17001209024600.png

vue3的略显复杂提供一个简单方法,前提需要在页面上创建一个实例window.$this = this

image.png