vue-upload-files

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.

Examples

main.js

// 导入组件库
import VueUploadFiles from 'vue-upload-files'

// 注册组件库
Vue.use(VueUploadFiles)

examples.vue

<template>
  <div class="examples">
    <vue-upload-files ref="uploadFile" :multiple="multiple" @getFiles="getFiles"/>
    <div @click="uploadFile">上传附件</div>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      multiple: true
    }
  },
  methods: {
    uploadFile() {
      this.$refs.uploadFile.uploadFilesClick()
    },
    getFiles(files) {
      console.log(files)
    }
  }
}
</script>

<style scoped>

</style>