title: this.$http.get is not working inside methods vue js
body: <p>I am working with Laravel + spark + vue js.</p>
  
  <p>Blade file</p>
  
  <pre><code>&lt;draggable class="col-md-12" :list="emergencies" :element="draggableOuterContainer" @end="onEnd"&gt;
  </code></pre>
  
  <p>Js file</p>
  
  <pre><code>import draggable from 'vuedraggable'
  module.exports = {
  data() {        
      return {
          emergencies:[]
      };
  },
  components: {
      draggable,
  },
  created() {
      this.getEmergencies();
  },
  methods: {
      getEmergencies() {
          this.$http.get('/ajax-call-url')
              .then(response =&gt; {
                  this.emergencies = response.data;
              });
      },        
      onEnd: function(evt){
          var counter = 1;
          this.emergencies.forEach(function(user, index) {
              this.$http.get('/ajax-call-url/')
              .then(response =&gt; {   
              });    
              counter++;  
          });
      }
  }
  };
  </code></pre>
  
  <p>Here I have drag and Drop, On Drop, I call "onEnd" function and getting following error.</p>
  
  <blockquote>
    <p>TypeError: this is undefined</p>
  </blockquote>
  
  <p>Here this.emergencies.forEach is working but it is giving error on this.$http.get</p>
  
  <p>Any suggestions, what can be the solutions?</p>