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

时间:2017-10-06 15:50:53

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

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

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

1 个答案:

答案 0 :(得分:1)

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

你可能意味着这样的事情:

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