解决儿童发出事件后的承诺（VUE）

Question

因此，用户提出了一些数据请求，但事先提示了验证码挑战...当解决挑战时，验证码组件会发出一个需要在请求中进行的令牌。

我的问题是：我能否利用承诺等待解决挑战的解决，然后用令牌提出请求？我可以听这样的儿童组件事件，然后解决诺言吗？

如果这不是处理这种情况的正确方法，有人可以将我指向正确的方向吗？谢谢！

我可以使用v-on：验证的来收听儿童组件事件，但是我想在提出请求时触发挑战，然后在用户解决验证码后继续进行挑战。

//component.ts
import captchaComponent from '...';

@Component({
    components: {captchaComponent}
})
@Ref() readonly captcha!: captcha;


function executeCaptchaChallenge(){

    // executes challenge on child component via boolean prop
    this.runChallenge = true;
    const vm = this;


    return new Promise(resolve => {

        vm.captcha.$on('verified', token => {resolve(token)}
})
}


function async getData(){

    const token = await this.executeCaptchaChallenge();
    const response = await axios.post(URL, token);
}

///component.vue

<template>
    <div>
        <button @click="getData">GET DATA</button>
        <captchaComponent ref="captcha" />
    </div>
</template>

<script src="component.ts"></script>