ant design vue 上传文件

Ant Design Vue 是 Ant Design 的 Vue 实现版本，提供了一系列丰富的组件，其中包括文件上传组件。使用方法如下:

1. 安装 ant-design-vue

npm install ant-design-vue

2. 在 main.js 中引入 ant-design-vue

import Antd from 'ant-design-vue'
import 'ant-design-vue/dist/antd.css'
Vue.use(Antd)

3. 在组件中使用 Upload 组件

<template>
  <div>
    <a-upload>
      <a-button>上传文件</a-button>
    </a-upload>
  </div>
</template>

4. 通过绑定事件来获取上传的文件

<template>
  <div>
    <a-upload @change="handleChange">
      <a-button>上传文件</a-button>
    </a-upload>
  </div>
</template>
<script>
export default {
  methods: {
    handleChange(info) {
      console.log(info.file)
    }
  }
}
</script>

其中，Upload 组件提供了很多其他属性和事件，例如上传文件的地址、上传文件的方式、上传文件的限制等。详细的使用说明请参考官方文档.

https://vue.ant.design/components/upload-cn/