Vue-class-component: Watching a property and call a method

[vishr]

How can watch a property and invoke a function? I tried something like below but the reference to this is not the class object.

@Component({
    components: {
      Multiselect
    },
    watch: {
      host: () => {
        // this.analytics()
      },
      interval: () => {
        // this.analytics()
      }
    }
  })

[HerringtonDarkholme]

Changing arrow function to plain function is enough.

@Component({
    components: {
      Multiselect
    },
    watch: {
      host: function () {
        this.analytics()
      },
      interval: function () {
        this.analytics()
      }
    }
  })

http://exploringjs.com/es6/ch_arrow-functions.html

[vishr]

Thanks for your prompt response.

[wsajjadh]

Changing arrow function to plain function is enough.

@Component({
    components: {
      Multiselect
    },
    watch: {
      host: function () {
        this.analytics()
      },
      interval: function () {
        this.analytics()
      }
    }
  })

http://exploringjs.com/es6/ch_arrow-functions.html

This works for me. Thank you bro