工具js文件访问vue原型上绑定的方法

小鱼仔么么

于 2022-08-31 23:10:01 发布

阅读量333

点赞数

分类专栏： vue 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_43918803/article/details/126634067

版权

vue 专栏收录该内容

6 篇文章

订阅专栏

该博客讨论了如何在Vue应用中访问并使用绑定在原型上的方法，特别是在遇到`this`上下文问题时。作者提到在util工具文件中通过路由进行埋点操作，当尝试直接使用`this`调用方法时出现错误。解决方案是导出Vue实例并在需要的地方引入，从而能够直接调用Vue原型上的$buryPoint等方法。这提供了一种处理组件内外方法调用的策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求：获取绑定在vue原型上的方法

埋点绑定在vue原型上

在这里插入图片描述
在util工具文件中通过路由判断埋点

在这里插入图片描述

若用this.去掉用方法会报错，XXX is not a function
此时this是指当前上下文

所以想要使用vue原型上的方法，需要在main.js export出vue实例
在使用的js文件中引入vue

在这里插入图片描述

如图一可以直接用vue调用方法$buryPoint 方法

工具js文件访问vue原型上绑定的方法

需求： 获取绑定在vue原型上的方法

需求：获取绑定在vue原型上的方法