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

Question

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

除了默认事件 page-load 和 route-change 我想为某些按钮点击添加自定义 transactions/spans。

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

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

但是获取当前交易失败（第一行）。

Answer 1

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

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

希望对您有所帮助。