Question

我在Vue组件中使用Stripe elements。元素在卡中可以很好地显示，但是现在我想在元素都“就绪/已安装”时在卡上进行V形显示。我的问题：有什么方法可以确定元素何时准备就绪？

我在异步'createElement'组件方法中尝试了以下方法：

this.paymentRequestButton.mount('#payment-request-button')
this.card.mount('#card-element')
this.stripeElementsReady = true

确实显示了元素，但是this.stripeElementsReady触发得太早，还是因为iframe元素“天生”是异步的或某些原因而无法精确计时？顺便说一句，我确实将await用于实际的条带请求，这样就不会造成问题。

Answer 1

根据docs，您可以在元素上附加一个侦听器，然后在安装后调用focus。

未经测试的代码，但应该看起来像这样

card.on('ready', function(){
    card.focus();
    }
)