-
It took me a while to find an issue with @nuxt_js and @Netlify forms. Somehow, in the page where I had a <form netlify>... the Vue scripts logic stopped working. Neither the logic from other components worked nor the component itself logic.On twitter.com
Mood -1 🙁
-
In order to make the form work with netlify and nuxt, what you need to do is to submit the form as AJAX instead. And not add netlify attribute to the form tag. Then, all the page worked again. docs.netlify.com/forms/setup/#submit-javascript-rendered-forms-with-ajaxPermalink On twitter.com
-
Plus: If you load a page where you haven't the form there, Vue logic loads correctly. If you load directly to the page that contains the form, it breaks. 🤷 I attach an example of a button with a custom onclick event. First image is what it how it look like, second with the bugPermalink On twitter.com
-
Notice the event tag in the first image that doesn't appear in the second.Permalink On twitter.com
-
Here a source code example that causes the bug github.com/aleixmorgadas/nuxt-netlify-form-issuePermalink On twitter.com
-
Permalink
On twitter.com