location.reload(true) isn't reloading properly

Does the page actually reload?

Does it work if you try running it in the console ? Press f12 and select Console. Type location.reload() and press enter

@sinnbeck

Thanks for your reply, I can only answer yes and no! Yes, the form disappears and re-draws (giving the impression of a reload) but No, the new line of data does not appear.

I will comment out the reload, and try your suggestion of doing a console reload after i press the save button!

Regards Carl.

If it works, can you show the vue code? :)

Try this.

window.location.href=window.location.href

This should give you a full reload.

@sunnbeck @davidifranco

Thanks for your help, this code fixed it:

window.location.href = window.location.href;
location.reload(true);

Cheer guys! Carl.

You shouldnt need both :) Both reloads the page (meaning the second wont be triggered)

Hi Laracast Community!

It sounds like the issue might be due to the browser caching the page or the data table not being re-rendered properly after location.reload(true). While location.reload(true) is intended to force a reload from the server, most modern browsers ignore the true parameter due to deprecation. Instead, you could try using window.location.href = window.location.href to ensure a full reload, or better yet, update the table dynamically after your Axios call succeeds, rather than reloading the entire page—this would offer a smoother UX and avoid reload quirks... Try out this App: www.movieboxhd.app