vue 怎么给第三方组件库添加功能？

作者站长头像
站长
· 阅读数 4

场景是这样的，老项目中大量引用了一个第三方组件库提供的弹窗组件。

现在项目升级，需要全局修改，在所有弹窗弹出的时候要执行一个函数。

如果是自己封装的组件那很简单，只要在组件的生命周期钩子里调用一下这个函数就可以了。

即便是第三方提供的组件，如果项目刚开始，那也简单，自己给第三方组件再封装一层，然后用的时候只用自己封装后的组件就可以了。

但现在的项目是直接引用的第三方组件，而且是升级改造，不是初创项目。这种情况最有没有什么办法可以全局操作，让所有用到这个组件的地方都能加上想要的操作，而不需要改动每一个引用到这个组件的地方呢？

回复
1个回答
avatar
test
2024-07-06
Vue.mixin({
    created() {
        if(this.$options.name == 'ElDialog') { // 组件名
            // dosomthing
        }
    }
})
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容