如何解决点击按钮重复提交

Question

vue开发 我用了 @click.once 来触发一个事件 防止重复调起支付接口，但是如果用户在微信支付 选择了取消或者点了×，这个按钮就不能再次调起了，怎么处理

@click.once="toPay()"

toPay(){

//调用支付接口

}

期待结果就是只调用一次，如果用户点击取消支付，这个按钮还恢复只能点击一次的状态

Answer 1

自己人为控制。增加一个 tag 默认值为 true。toPay里面判断这个标记，true就执行，执行过一次就改成 false 。取消或者超时，都可以改为 true