【vue3+ts+vant】上传图片

在Vue 3和Vant中实现图片上传功能，可以使用Uploader组件。以下是一个简单的例子：

1. 安装Vant：

npm install vant --save

2. 在Vue组件中使用Uploader组件：

<template>
  <van-uploader
    :after-read="afterRead"
    :max-count="3"
    multiple
  />
</template>
 
<script lang="ts">
import { defineComponent } from 'vue';
import { Uploader } from 'vant';
 
export default defineComponent({
  components: {
    [Uploader.name]: Uploader,
  },
  setup() {
    const afterRead = (file: File) => {
      // 在这里处理文件，例如上传到服务器
      console.log(file);
    };
 
    return {
      afterRead,
    };
  },
});
</script>

在这个例子中，after-read事件用于处理文件读取后的操作，例如上传到服务器。max-count属性用于设置最大可上传的图片数量。multiple属性允许多文件上传。

请确保你的Vue项目已经正确配置了TypeScript支持。