Adding a link to the notification container

[calebsmithdev]

I'd like to make the notification container itself linkable through router-link, but I don't see a way to do that. I am just able to link the text. Is there someway to make that happen?

[cristijora]

Hey there.
You can do it via a component you can pass to the $notify method
https://jsfiddle.net/z11fe07p/2587/

var customMessage = Vue.component('custom-message',{
 template:`<span><a href="https://www.google.com" target="_blank"> Go to google</a></span>`
});

 this.$notify({
        horizontalAlign: horizontalAlign,
        verticalAlign: verticalAlign,
        type: "info",
        component: {
                template:`<span><a href="https://www.google.com" target="_blank"> Go to google</a></span>`
         }
})

If you have the run time only build just make it a .vue file. or inline with render functions
https://jsfiddle.net/z11fe07p/2589/

[calebsmithdev]

Perfect! This will do exactly what I needed.

[coreation]

Hi there,
I have a question, is it possible to make a custom handler for the click event on the message?
I see that notification component is emitting a "close" event, but it stops at the notifications component which consumes it. Another possibility could be that I can catch a click event on the entire message inside the custom render function, but I don't see how I could achieve that...

[cristijora]

You could use click modifiers @coreation like @click.stop.prevent on the notification template
https://jsfiddle.net/z11fe07p/2719/

Also please open an issue because comments on old issues do not trigger notifications in github and I might not see them.