[Vuejs]-Not able to update the data with @change in Vue js 2

by

2👍

Your first problem is here:

filterempdata: function (selectedoption) {
  console.log(')
  this.empData.WorkflowFilter = selectedoption
  this.empData = this.empData
}

By default, empData is:

data () {
  return {
    loading: false,
    emptData: null,

So this.empData.WorkflowFilter = selectedoption should not work, as well as this.empData = this.empData does nothing.

Just make the default value an empty object and update it according to selection (just setting WorkflowFilter).

This should do the trick. Another weird this is the loading property. Your second component will be visible only if loading = true, which is odd. Maybe use loaded instead?

👤Andrey Popov

Leave a comment