vben 上传组件数据回显

要实现vben上传组件的数据回显，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了vben组件库。你可以通过以下命令来安装vben-upload组件：

   npm install @vbenjs/vben-upload

2. 在你的组件中引入vben-upload组件：

   <template>
     <vben-upload v-model="fileList" action="/upload" />
   </template>

   <script>
   import { ref } from 'vue';
   import { VbenUpload } from '@vbenjs/vben-upload';

   export default {
     components: {
       VbenUpload,
     },
     setup() {
       const fileList = ref([]);

       return {
         fileList,
       };
     },
   };
   </script>

3. 在上面的代码中，我们使用了`v-model`指令将`fileList`变量与上传组件进行绑定。`action`属性指定了上传文件的URL。

4. 接下来，你需要实现文件数据的回显。可以在组件的`setup`函数中通过异步请求获取已上传的文件数据，并将其赋值给`fileList`变量。

   <script>
   import { ref, onMounted } from 'vue';
   import { VbenUpload } from '@vbenjs/vben-upload';

   export default {
     components: {
       VbenUpload,
     },
     setup() {
       const fileList = ref([]);

       // 异步请求获取已上传的文件数据
       const fetchUploadedFiles = async () => {
         try {
           const response = await fetch('/api/getUploadedFiles');
           const data = await response.json();
           fileList.value = data; // 将获取到的文件数据赋值给fileList
         } catch (error) {
           console.error(error);
         }
       };

       onMounted(() => {
         fetchUploadedFiles(); // 组件挂载后调用fetchUploadedFiles函数获取已上传的文件数据
       });

       return {
         fileList,
       };
     },
   };
   </script>

在上面的代码中，我们在组件挂载后使用`onMounted`钩子函数调用`fetchUploadedFiles`函数来获取已上传的文件数据，并将其赋值给`fileList`变量。

这样，当你的页面加载时，vben-upload组件将会显示已上传的文件数据。
请注意，上述代码中的`/upload`和`/api/getUploadedFiles`只是示例URL，你需要根据你的实际情况进行相应的修改。