Как я могу взаимодействовать с формой, которая была динамически вставлена в 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-запроса, чтобы страница не обновлялась.