LiveView client side redirect

Phoenix Forum Questions / Help
,
1

In my app I have a function component that renders the top navigation bar, consisting of a number of buttons.

Is there a way to do a client side redirect using a button? I read Live view client side redirect via a form but it’s a bit dated already.

Wouldn’t it be possible to implement something like

<button phx-click={JS.redirect(~p"/goto")}>Go!</button>

…?

Otherwise I guess I need to make the nav bar a Live component and have it receive the click events, right?

2

I think the normal way to do this is a good old fashioned <.link that is simply styled to look like a button. This produces a proper <a that will behave more normally than a button.

1 Like