Есть ли рабочее решение для загрузки пользовательских элементов HTML в области сообщений vue-dropzone? - PullRequest
Новая
       60

Есть ли рабочее решение для загрузки пользовательских элементов HTML в области сообщений vue-dropzone?

0 голосов
/ 01 января 2019

Я работал над своим кодом, используя vue-js и vue-dropzone, чтобы обрабатывать функцию перетаскивания на сайт.Я добавил ": useCustomSlot = true" в родительский html-тег, но содержимое, которое я поместил в тег dropzone, не отображается в DOM!Можете ли вы понять, в чем проблема.

на странице по-прежнему отображается сообщение по умолчанию из vue-dropzone.

Вот коды: 

    <vue-dropzone   id="customdropzone"  
                ref="myVueDropzone"
                :options="dropzoneOptions"
                :useCustomSlot=true>
  <div class="dropzone-custom-content">
    <h3 class="dropzone-custom-title">Drag and drop to upload content!</h3>
    <div class="subtitle">...or click to select a file from your computer</div>
  </div>
</vue-dropzone>

ИЭкземпляр Vue: 

var App = new Vue({
    el:'#app',
    data: {
        ...,
        dropzoneOptions: {
            url: './upload.php',
            addRemoveLinks: true,
            thumbnailWidth: 150,
            maxFilesize: 3, // MB
            maxFiles:1,
            acceptedFiles: '.png,.jpg,.mp4',
            headers: { "My-Awesome-Header": "header value" },
        }
    },
    components: {
            vueDropzone: vue2Dropzone
    }
});
...