如何在没有 cli 的情况下将 dropzone 与 vuejs 一起使用答案

【问题标题】：how to use dropzone with vuejs with out cli如何在没有 cli 的情况下将 dropzone 与 vuejs 一起使用
【发布时间】：2019-06-06 06:54:51
【问题描述】：

谁能解释我如何在不使用 Vue CLI 的情况下将 dropzone 与 vuejs 一起使用。

how upload file using dropzone & vueJs

【问题讨论】：

我认为谷歌可以
是的，那次我被卡住了。终于

标签： html vue.js dropzone

【解决方案1】：

const app = new Vue({ el: '#newpost', data: { form: { title:'', }, allerros: [], success : false, }, methods : { onSubmit(){

        },
        DzSpanclick(){
            $("#filedrag").click();
        },
        DZint() {
            let dz = document.querySelector("#filedrag");
            var previewNode = document.querySelector("#dz-template");
            previewNode.id = "";
            var previewTemplate = previewNode.parentNode.innerHTML;previewNode.parentNode.removeChild(previewNode);
            Dropzone.autoDiscover = false;
            this.uploadImageGalleryVar = new Dropzone(dz, {
                url:"{$base_dir}post",
                parallelUploads: 100,
                paramName: "file",
                params: { do: "imageupload" },
                thumbnailWidth: 600,
                thumbnailHeight: 600,
                autoProcessQueue: false,
                acceptedFiles:"image/*",
                previewTemplate: previewTemplate,
                uploadMultiple: false,
                maxFiles: 8,
                maxFilesize: 5,
                autoDiscover : false,
                previewsContainer: "#previews",
                headers: { "Accept": "application/javascript" }
            });
        },

    },
    mounted: function() {
        this.DZint();
    }

});

【讨论】：

很高兴你解决了它。你可以把它标记为我猜的答案。