时间戳

首页 > 解决方案 > 如何在 Vue.js 中获取当前的 Elastic APM 实例？

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

问题描述

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

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

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

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

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

标签： vue.jsapmelastic-apm

解决方案

Elastic RUM 代理支持点击用户交互，因此您不需要手动启动这些类型的事务。

关于代码中的失败，正确的 API 调用是getCurrentTransaction而不是currentTransaction.

希望这可以帮助。

推荐阅读