如何在 Vue.js 中获取当前的 Elastic APM 实例？答案

【问题标题】：How to get the current Elastic APM instance in Vue.js?如何在 Vue.js 中获取当前的 Elastic APM 实例？
【发布时间】：2019-12-16 08:37:57
【问题描述】：

我已根据文档 (https://www.elastic.co/guide/en/apm/agent/rum-js/current/vue-integration.html) 将 Elastic APM 集成到我的 Vue.js 应用程序中

除了默认事件page-load 和route-change，我还想为一些按钮点击添加自定义事务/跨度。

我一直在检查是否已经存在可用于添加自定义跨度的现有事务开始：

const transaction = this.$apm.currentTransaction()
transaction.startSpan('custom_span', 'type_name');
transaction.end();

但是获取当前事务失败（第一行）。

【问题讨论】：

【解决方案1】：

Elastic RUM 代理支持click user interactions，因此您不需要手动启动这些类型的事务。

关于代码中的故障，正确的 API 调用是 getCurrentTransaction 而不是 currentTransaction。

希望这会有所帮助。

【讨论】：