Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Show flash message in vue 3 without inertia


Hi , I would like to know if their is way to show flash message after redirecting to another component in metronic 8 with just vue 3, I want to redirect to another component if there is no error


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

If you do not have an error you can redirect user to different route using code below.

const router = useRouter();

router.push({ name: "your route name" });


Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Lauris ,

I am aware of the router push , what i was asking is that is their any way to show a flash message after the redirection is completed, like we show session message in laravel ,



Hi,

I'm sorry for the inconvenience.

It sounds like you are trying to show some alert with the message inside it, unfortunately, there is no built-in system for messages showing in our Vue version at the moment. You can find different alert examples in our documentation https://preview.keenthemes.com/html/metronic/docs/base/alerts and then position them using CSS up to your requirements.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(