image dropzone with element ui in vue js code example

Example: add image dropzone in vue js

npm install vue2-dropzone

import 'vue2-dropzone/dist/vue2Dropzone.css'


<template>
  <div id="app">
    <vue-dropzone id="drop1" :options="dropOptions"></vue-dropzone>
  </div>
</template>

<script>
import vueDropzone from "vue2-dropzone";

export default {
  data: () => ({
    dropOptions: {
      url: "https://httpbin.org/post"
    }
  }),
  components: {
    vueDropzone
  }
};
</script>

https://www.digitalocean.com/community/tutorials/vuejs-vue-dropzone