How can I implement a back button in liveview?

Phoenix Forum Questions / Help
,
1

I want to create a special navbar that has a back button inside of it. How can I redirect a user to the previous page? Is there a good way to do it and get the last page navigated from?

1 Like
2

Check this JS Hook out. Or you can refactor to use AlpineJs if you are using that

1 Like
3

I’m actually using AlpineJS already. You mean just using @click="history.back()"? Is there a disadvantage to using this approach that you can think of?

4

Yeah, that should work!

I don’t really see any disadvantages, I guess I would need to know more whats going on/why you want this to be able to answer better, but I don’t think there would be any disadvantages

5

Also using Alpine.JS, this is what I do so the back button is only there for navigating internally within the site, and doesn’t send you to a different site (or to the ‘new tab’ page of your browser): <a x-show="history.length > 2 && document.referrer.indexOf(window.location.host) !== -1" href="javascript:window.history.back()">

1 Like