从dropzone.js参数访问数据属性 - vuejs

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从dropzone.js参数访问数据属性 - vuejs相关的知识,希望对你有一定的参考价值。

我正在尝试从dropzoneOption访问数据参数,如下所示:

data() {
  return {
    e1: 0,
    dropzoneOptions: {
      url: '/api/imageUpload',
      thumbnailWidth: null,
      thumbnailHeight: null,
      acceptedFiles: '.jpg, .jpeg, .png',
      autoProcessQueue: false,
      previewsContainer: '.preview-container',
      init: function() {
        this.on("addedfile", function(file) { 
          //Access to e1 params.
          //This.e1 not working
      });
      },
    }
  }
},

有没有办法从函数内部访问它?

答案

你有没有试过写它:

init: function () {
 const _this = this //assigning this as a variable
  this.on("addedfile", function(file) {
     console.log("Added file ", file); 
     console.log(_this.e1)
  });
}

以上是关于从dropzone.js参数访问数据属性 - vuejs的主要内容,如果未能解决你的问题,请参考以下文章

如何从 dropzone.js 上传和删除文件

上传 30 秒后,使用 PHP 上传 Dropzone.js 失败

Dropzone.JS 在同一个请求中发送文件和表单数据

在每个文件上传时使用 dropzone.js 发送自定义数据

dropzone.js 更改显示单位

Django 和 Dropzone.js