Dropzone.js - 以编程方式创建 dropzones 返回“dropzone 不是函数”答案

【问题标题】：Dropzone.js - creating dropzones programmatically returns "dropzone is not a function"Dropzone.js - 以编程方式创建 dropzones 返回“dropzone 不是函数”
【发布时间】：2017-10-06 15:50:53
【问题描述】：

我正在尝试通过函数以编程方式创建放置区，但我收到 element.dropzone is not a function 错误，我不太清楚为什么。我正在使用带有 Element UI 的 Vue.js

HTML

<div class="toUpload">
     <div class="el-upload el-upload--text">

submitMessage (){
     return api.createMessage( messageToSend, ( message ) => {

     // some code
     this.insertAttachments( "toUpload", message.id );

     } )
},

insertAttachments ( element, messageId ) {
     element.dropzone( {
     url: '/messages/' + messageId + '/attachments',
     paramName: 'attachment',
     previewsContainer: false,
     uploadedMultiple: true,
     maxfiles: 10,
     parallelUploads: 10
 } )

【问题讨论】：

标签： vue.js vuejs2 dropzone.js vue-component dropzone

【解决方案1】：

element 的值是一个字符串 ("toUpload")，在您调用 element.dropzone() 的位置。要像这样使用 dropzone 方法，您需要在 jQuery 元素上调用它。

你的意思可能是这样的：

$('.' + element).dropzone( ...

【讨论】：