Vue.js-与已使用JS脚本动态插入的表单进行交互

Question

在DOM完全加载后，如何与使用JS脚本动态插入DOM的表单进行交互？

我基本上有这个脚本标签：

<script src="https://test.oppwa.com/v1/paymentWidgets.js?checkoutId={checkoutId}"></script>

这是一种形式：

<form action="{shopperResultUrl}" class="paymentWidgets" data-brands="VISA MASTER AMEX"></form>

在脚本启动时，该表单将替换为另一个允许用户进行付款的表单。该表格如下所示：

<form class="wpwl-form wpwl-form-card wpwl-clearfix" action="https://test.oppwa.com/v1/checkouts/4204058CBE118F52F149239B6B5A2BA9.sbg-vm-tx01/payment" method="POST" target="card_642858223140" lang="en" accept-charset="UTF-8" data-action="submit-payment-card">

如何使用Vue.js与这种动态表单进行交互？

我想要做的是阻止此表单提交，并且自己使用Ajax请求提交，以免页面刷新。