title: vuejs+vue2dropzone call on success
body: <p>i am quite new in vuejs, so cant find out what am i doing wrong. This is my script part for a vue component:</p>
  
  <pre><code>&lt;script&gt;
      export default {
          name: 'product-main-info',
          components: {
              vueDropzone: vue2Dropzone
          },
          props: {
              propId: String,
          },
          data() {
              return {
                  images: {},
                  dropzoneOptions: {
                      url: '/uploadImg',
                      thumbnailWidth: 150,
                      maxFilesize: 2.0,
                      addRemoveLinks: true,
                      acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg",
                      headers: { "X-CSRF-Token": document.head.querySelector('meta[name="csrf-token"]').content },
                      params: { id: this.propId },
                      init: function() {
                          var self = this;
                          self.on("success", function (file) {
                              this.$http.get('/getProductImages/' + this.propId)
                              .then(function(response) {
                                  this.images = response.data;
                              });
                          });
                      }
                  }
              }
          },
          methods: {
  
          },
          created() {
              this.$http.get('/getProductImages/' + this.propId)
              .then(function(response) {
                  console.log(response.data);
                  this.images = response.data;
              });
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I am trying to get new refreshed data after successful image upload, but all i get is:</p>
  
  <pre><code>app.js:16014 Uncaught TypeError: Cannot read property 'get' of undefined
  </code></pre>
  
  <p>All i need is to refresh my data, but i cant find out how to do this in a right way. Help if possible</p>