Vue.js 2 Web Development Projects

Dynamic remote data

The id prop will be the ID of the ticket for which we will fetch the details. The server provides a dynamic route in the form of /ticket/<id>, with <id> being the ID of the ticket.

It would be nice to be able to use our RemoteData mixin, but it currently lacks support for dynamic paths! What we could do is to pass a function instead of a plain string as the values of the mixin's parameter:

1. In the RemoteData mixin, we just need to modify the way we process the parameter in the created hook. If the value is a function, we will use the $watch method to watch its value instead of directly calling the fetchResource method:

      created () {        for (const key in resources) {          let url = resources[key] // If the value is a function ...