Access prop through watchers in VueJS

Question

Access prop through watchers in VueJS

Navigation

#1 by (1 votes)

1

A similar problem has been solved in this issue:

Where prop was null since the ajax request of the parent component was not yet completed; but in my case the prop is undefined even after the component is completely set up and the data path via ajax is completed.

export default {
    props: ['orders'],
    filterID: null,
...
watch: {
    filterID: (value) => {
        console.log(this.orders) // undefined
    }
}

vue.js

asked by anonymous 16.01.2018 / 19:28

1 answer

Create nuget package from a REST API Web application Log off and redirect user to login screen ASP NET MVC / C #

score 1 · Accepted Answer

Give default value to this orders (I assume it is of type array ) and so when the value changes the Vue, by reactivity it will update the code that it depends on it.

So instead of

props: ['orders'],

usa

props: {
    orders: {
        type: Array,
        default: () => ([])
    }
}

And so you can already use filters , computed or in the template directly that it will be updated.