Accessing the Vue within jquery ajax

Question

I have a vue object and in the mounted method I test for a scroll event on the browser

mounted() {

self= this;

 $(window).scroll(function(){
          $.get("/works?start="+$('#loaded_max').val(), function(loaded){
            self.work = loaded;
            console.log(self);
          });

    });

console.log(self) //returns window

console.log(this) //returns ajax

How do I access the vue object? Specifically the data so I can update the variable.

LeBlaireau · Accepted Answer · 2017-07-07 12:28:45Z

1

Self appears to be window, any other variable works

so

 mounted() {

let myvue = this;

 $(window).scroll(function(){
          $.get("/works?start="+$('#loaded_max').val(), function(loaded){
            myvue.work = loaded;
            console.log(myvue.work);
          });

    });

I have always used that technique to reference the 'current object' when scope is an issue but it obviously has issues when you need to reference something other than the window.

edited Jul 7, 2017 at 12:28

answered Jul 7, 2017 at 12:22

LeBlaireau

17.5k34 gold badges116 silver badges197 bronze badges

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

Collectives™ on Stack Overflow

Accessing the Vue within jquery ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related