Use arrow function in vue computed does not work

by

You are facing this error because an arrow function wouldn’t bind this to the vue instance for which you are defining the computed property. The same would happen if you were to define methods using an arrow function.

Don’t use arrow functions on an instance property or callback (e.g. vm.$watch('a', newVal => this.myMethod())). As arrow functions are bound to the parent context, this will not be the Vue instance as you’d expect and this.myMethod will be undefined.

You can read about it here.

More Related Contents:

  1. Vue.js dynamic images not working
  2. How to add external JS scripts to VueJS Components?
  3. Vue 2 – Mutating props vue-warn
  4. Communication between sibling components in Vue.js 2.0
  5. VueJS: why is “this” undefined?
  6. Make VueJS and jQuery play nice
  7. VueJs 2.0 emit event from grand child to his grand parent component
  8. Vuejs and Vue.set(), update array
  9. [Vue warn]: Property or method is not defined on the instance but referenced during render
  10. NavigationDuplicated Navigating to current location (“/search”) is not allowed
  11. How to call function on child component on parent events
  12. How to listen for ‘props’ changes
  13. Accessing Vuex state when defining Vue-Router routes
  14. Vuejs typescript this.$refs..value does not exist
  15. How to install jQuery into Nuxt.js?
  16. Vue.js: Conditional class style binding
  17. Is there any way to ‘watch’ for localstorage in Vuejs?
  18. how to fix ‘Access to XMLHttpRequest has been blocked by CORS policy’ Redirect is not allowed for a preflight request only one route
  19. VueJS/Typescript – Cannot find module ‘./components/Navigation’ or its corresponding type declarations
  20. Parentheses while calling a method in Vue
  21. Vue v-on:click does not work on component
  22. Methods vs Computed in Vue
  23. Passing props with programmatic navigation Vue.js
  24. How to set a component non-reactive data in Vue 2?
  25. How to use Vuetify tabs with vue-router
  26. Force download GET request using axios
  27. Importing javascript file for use within vue component
  28. How to limit iteration of elements in `v-for`
  29. Detect Back Button in Navigation Guards of Vue-Router
  30. What’s the correct way to pass props as initial data in Vue.js 2?

Leave a Comment