Vue Resource $http not defined

Question

I have this code in my ready method: this.$http.get('url',{},{ headers: { "X-App-Token": "token" } }).then( (data) => this.$set('cdata',data.data)) .catch( (error) => console.log('Got a problem'+error));

and its working well, the probelm is when i move this to a another functtion in methods object it doesn't work.

ready(){
this.getJsonData();
},

methods: {
getJsonData: () => {
this.$http.get('url',{},{
  headers: {
        "X-App-Token": "token"
     }
  }).then(  (data) => this.$set('cdata',data.data))
    .catch( (error) => console.log('Got a problem'+error));
},
},

The error:

src\src\App.vue:23 Uncaught TypeError: Cannot read property '$http' of undefined

//this becomes undefined.

Rasovica · Accepted Answer · 2018-06-15 21:07:03Z

1

For anyone trying to solve this you are missing vue.use()

To solve this you need to add

import VueResource from 'vue-resource';
Vue.use(VueResource);

To your main.ts and it should be all fixed

answered Jun 15, 2018 at 21:07

Rasovica

2291 gold badge4 silver badges14 bronze badges

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

Comments

Jeff · Accepted Answer · 2016-03-31 15:10:26Z

0

I think it may be the use of the arrow to generate the function. May be causing that function to be in an undefined scope? Try this:

methods: {
  getJsonData(){
    this.$http.get('url',{},{
      //...

answered Mar 31, 2016 at 15:10

Jeff

25.3k4 gold badges73 silver badges79 bronze badges

Collectives™ on Stack Overflow

Vue Resource $http not defined

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related