[Vuejs]-Vue form @submit.prevent does not work in mobile browsers

0👍

Update: Solved my issue, it was due to an error with communicating with the database server. It tried to fetch that at localhost on the phone, but it should have been the 192.168.1.190 address instead. For future people reading this try to see if any errors are causing this problem, thank you @asdofindia for the tip!

3👍

If your application bundle is large, make sure the page has finished loading fully before you try clicking login. I can reproduce your issue while the JavaScript is still loading because the @submit.prevent is not evaluated till the JavaScript has finished loading and running. But once the page fully loads the default HTML behavior is overridden.

This is possibly why you’re unable to reproduce the issue with jjj’s playground demo and others are unable to reproduce your issue either.

1👍

Have your tried stop for stopPropergation.

If find myself doing @submit.prevent.stop="" in some cases.

I’m not sure why preventDefault is not enough on it’s own in some cases.

It should stop a page reload, perhaps it’s a browser bug, maybe it’s caused by a plugin, could be some form of nested relaying of original event bubbling up in nested function calls in which case stop would… well stop it…

👤Marc

Leave a comment