要使用Vant的Upload组件，首先需要在项目中引入Vant的库文件。然后在需要使用Upload组件的页面中，按照以下步骤进行操作：
<template>
<van-upload :file-list="fileList" @delete="deleteFile"></van-upload>
</template>
<script>
import { ref } from 'vue';
export default {
setup() {
const fileList = ref([]);
const deleteFile = (index) => {
fileList.value.splice(index, 1);
};
return {
fileList,
deleteFile
};
}
};
</script>
在组件中定义一个fileList数组来存储上传的文件列表，并定义一个deleteFile方法来删除文件。
可以根据需要配置Upload组件的属性，例如上传的文件类型、文件大小限制等。
当用户选择文件并上传时，文件会被添加到fileList数组中，并显示在页面中。用户可以点击文件右上角的删除按钮来删除文件。
通过以上步骤，您就成功地使用了Vant的Upload组件。您可以根据自己的需求进一步定制和配置Upload组件，以实现更复杂的文件上传功能。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
