not able to access data variable in methods in vuejs

Question

In a Vue.js Project, I am not able to access a property => this.ws_files from a function inside methods. The property is accessible in mounted(), but not in methods.

Below is snippet of the code:

export default {   
  name: 'file-list',

  data () {
    return {
      title: pageName,
      ws_files: "AB"
    }
  },

  mounted () {
    this.getFolderInfo('ZEST/ZEST Negoce/',10)
  },

  methods: {
    getFolderInfo: (folderName,maxKeys) => {
      this.ws_files = "Sant"
    }
  }
}

Decade Moon · Accepted Answer · 2018-07-06 11:31:04Z

4

Your issue is the same as this question.

You should not define the method using () => {} syntax.

Do this instead:

getFolderInfo(folderName, maxKeys) {
  this.ws_files = "Sant"
}

answered Jul 6, 2018 at 11:31

Decade Moon

34.4k8 gold badges84 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

not able to access data variable in methods in vuejs

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related