Dropzone.js

Question

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

HTML

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

JS

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
 } )

Answer 1

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

你的意思可能是这样的：

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

Dropzone.js - 以编程方式创建拖放区 returns "dropzone is not a function"

Dropzone.js - creating dropzones programmatically returns "dropzone is not a function"

vue.js

vue-component

vuejs2

dropzone