如何在区间函数中实现'one-time-code'？

Question

假设我有一个函数-检查器-在前端，每10秒工作一次。

async check() {
this.globalLoader = true
const result = await finalizePayment({
id: this.id ? this.id : undefined,
paymentId: this.paymentId ? this.paymentId : undefined,
token: localStorage.getItem('token'),
})
this.globalLoader = false

这个函数返回事务状态，如果它完成了，我实现我的谷歌分析代码:

if (result.status === 'done') {
...
}

但是有一个问题，我只需要一次实现这个GA代码，当事务完成时。如果用户重新加载页面，这个check()函数将返回result.status === 'done'，我的GA代码将再次运行，但我不需要再次运行，因为我已经做了关于事务的GA记录。

那么，我怎么才能做到呢?我正在考虑localStorage值，但如果用户从本地存储中删除此值怎么办?

Answer 1

如果您想要替代localStorage，那么我建议您使用vue-persist

https://www.npmjs.com/package/vuex-persist