CODEWITHSUNDEEP
javascriptvue.jsmutation-observers
Scott van Duin
Scott van Duin

Reputation: 81

Using mutationobservers to detect changes in the results of a fetch request

I'm working on a narrow cast that displays an amount of tickets (an integer with the total added up to eachother) from a 3rd party API. I want to display a notification when this amount increases. I've read about mutationobservers, and that they are good for doing similar tasks like when something gets added or deleted.

The app has a Vue frontend, and a Laravel backend which does the requesting/authenticating. The index blade loads in a Vue component which contains the other components (and distributes the data from the API to child components).

I'm not quite sure wether mutationobservers are good for this specific job, though. Googling really didn't give me great alternatives.

In conclusion, I want to know if mutationobservers are the right tools for this task and what property would work. Better suited alternatives are also welcome.

Upvotes: 0

Views: 722

Answers (1)

decodedxclusive
decodedxclusive

Reputation: 401

Using vue, you can use a watcher function to watch for changes in a particular variable (amount). Mutation Observers only watches for dom updates, it won't give you what you want

Upvotes: 1

Related Questions