Solved
Page reloads in Vue 3 after form is submitted.
I am trying to create a Vue 3 Component for Marketo Form. The form is loading fine and submitting fine but for some reason the page reloads even though I am doing a `return false` in the OnSuccess method. If I change the settings in Marketo for the "Thank you page" to external url from stay on page it will redirect to that url. It seems the "return false" is being ignored as the alert is displayed when the form is submitted. Thanks you for any help.
<template>
<form :id="formId"></form>
</template>
<script>
export default {
props: {
mktoFormId: {
type: Number,
required: true,
},
},
setup(props, { slots }) {
const formId = "mktoForm_" + props.mktoFormId;
if (window.MktoForms2) {
MktoForms2.loadForm(
"//app-ab13.marketo.com",
"736-VEE-917",
props.mktoFormId,
function (mktoForm) {
mktoForm.onSuccess(function () {
alert("Success");
return false;
});
}
);
MktoForms2.whenReady(function (mktoForm) {
console.log("Load");
});
}
return {
formId,
};
},
};
</script>