toast not showing

UI Components for Vue
Post Reply
Posts: 3
Joined: 11 Dec 2020, 02:29

11 Dec 2020, 02:59

I followed the documentation but still couldn't get toast to work.

mitt is installed.
has app.use(ToastService)
Then import Toast and tried to call $toast on mounted

Code: Select all

  mounted() {
      severity: 'success',
      summary: 'Info message',
      detail: 'Message content',
      life: 3000,
      group: 'bl'
It looks like it gets called but nothing is shown on the screen.

Posts: 1
Joined: 13 Dec 2020, 01:27

13 Dec 2020, 01:38


Code: Select all

<Toast /> 
into your html
its show in tutorial video on 15:57, but the instructions do not mention this

Posts: 3
Joined: 11 Dec 2020, 02:29

14 Dec 2020, 17:01

Thank you @simersim for your reply.

I added <Toast /> but still nothing showed.
Other components work fine.

I also would like to provide more info that I use laravel mix to compile.

Posts: 60
Joined: 23 Oct 2020, 09:28

28 Jan 2021, 09:06

Hope this piece of code could help

Best Regards,

sushant shiwakoti
Posts: 1
Joined: 22 Jul 2020, 09:58

22 Mar 2021, 07:29

For Toast message to appear, you have to import toast service in main.js file. I had the same problem but when i imported Toast Service my toast message started to pop up.
I hope this helps.

Post Reply

Return to “PrimeVue”

  • Information