Improvements on Notification Center (VUE)

Hey everyone, I had a problem implementing an event listener. The docs suggest using @notificationClicked, because vue has event binding shortcut which internally results in an event listener with the following name: onNotificationClick. This results in, that it wont work: the correct syntax is therefore a variable(function) binding: :notification-clicked="onNotificationClicked" Feel free to add this to the docs, to keep new users from trying out, until it works πŸ™‚
Ask Inkeepβ€’18d ago
Hi @SHG-TV, I'm an AI assistant for Novu. While a team member reviews this question, I'll look through relevant sources and see if I can provide suggestions. Please tag @Ask Inkeep with any follow-up questions. ----------------------------- While I generate an answer, here are some sources that might be helpful: * Web Component * How To Integrate Segment With Novu * Variants * Content Creation -----------------------------
Ask Inkeepβ€’18d ago
Answer Thank you for sharing your experience with implementing an event listener in Vue with Novu. Your clarification regarding the syntax for binding the onNotificationClick event as :notification-clicked="onNotificationClicked" can indeed help prevent confusion for new users integrating Novu into Vue applications. Your feedback about adding this to the documentation is valuable. For further documentation updates or feature requests, consider filing an issue or contributing directly to the Novu GitHub repository (1) . Currently, the official Novu documentation provides information on properties and events for the Notification Center Web Component, including onNotificationClick and its Vue-friendly alias notificationClicked (2) . However, it does not explicitly cover the specific Vue syntax issue you mentioned. Your insight could enhance the documentation for Vue developers.
Ask Inkeepβ€’18d ago
Got it. Tagging @Support for additional help.
Pawan Jainβ€’18d ago
@SHG-TV I just tested notificationClicked. it is working as expected. I would urge you to check this codesandbox or example repo on github
SHG-TVβ€’17d ago
Hi @Pawan Jain , I did not see the example. My Bad. My issue was just, that vue event binding is normaly not implemented as an html attribute, which resulted in the behavior/missunderstanding above on my side. Thank you anyways for your great support πŸ™‚
Ask Inkeepβ€’17d ago
Glad I could be helpful. Feel free to create a new thread with any new questions you may have.
Want results from more Discord servers?
Add your server
More Posts
Self-host Novu : Custom SMTP Connection timeoutWhen setting up Custom SMTP, I am keep getting 504 Gateway Timeout. Any thoughts on why it maybe?Delete subscriber does not delete their notificationsI am deleting the test subscribers when re-seeding the db with the following code: ```js export asynResend 429If send more than 10 emails per second, the resend will return a 429 like this. But novu does not hEdit email templates does not take effectI edit an email in workflow. But after saving (update) and promoting, the real sent email still doesSending to 2 topics with the same payload and transactionId still delivers twice to same userIe if: - user A is subscribed to both Topics 1 and 2, and - I send the same: - notification - woDoes it take for effect to take place in ProductionSo I made changes to the message for inapp actions in workflow. I have published changes to productiExport Templates dataI am trying to understand the data model of Novu. For templates, I see that there are couple of collflushSyncHello i was wondering if anyone of you came across this issue, i integrating this with my Angular apIs it possible to send an email to a different email address than the subscriber one?I want to create a workflow with two email steps: one for the subscriber and another for its superioIssue with Sending Notifications via Novu ServiceSubject: Issue with Sending Notifications via Novu Service Dear Community, My name is Vitalii, andIs there some cache of the actors data?Stumbled upon such issue: We are using actor.firstName and actor.lastName in some of our workflows. Custom Notification Items and Conditional RenderingI was working on in-app notification and I have two types of notifications one in which no action isTesting provider locallyHi, I've written a new provider for novu (ntfy) but I'm struggling to test it within the web UI. I'mI want them to have different font sizeBut when I update the workflow from dashbord. The classes gets removed, is that expected?Moving from Cloud to self-hostHi! We are considering Novu as an option for our messaging needs, we want to start by using the clouOverride "to" use cases behaviorHi, I'm having some issues when using overrides.[channel].to for mail and sms. The first one (email)How many locale does novu support? and in which format we should pass it?I have lets say en,es,fr,it as locale, do you consider them?Add Buttons to notificationDoes anyone know how to add buttons to notifcations for cta, cause I saw the object that is being pa