element-plus使用ts和vue3实现 上传多张图片并回显

要使用element-plus、ts和vue3实现上传多张图片并回显，可以按照以下步骤操作：

1. 首先，安装element-plus和vue3的相关依赖。可以使用npm或yarn安装element-plus和vue3的依赖包。

2. 在项目中创建一个上传组件，可以使用element-plus提供的el-upload组件实现。在组件中，引入和注册el-upload组件。

3. 组件中，声明一个data属性，用于存储图片文件和回显的图片列表。可以使用ref或reactive创建响应式数据。

4. 在template模板中，使用el-upload组件，设置一些必要的属性，如action、listType和multiple等。通过action属性指定上传的地址，listType属性设置为"picture-card"以展示上传的图片，并且通过multiple属性支持上传多张图片。

5. 设置el-upload组件的onSuccess和beforeRemove事件，用于在成功上传图片或删除图片时触发相应的逻辑。在onSuccess事件中，将上传的文件添加到data属性中的图片文件列表中；在beforeRemove事件中，通过索引将要删除的图片从data属性中的图片文件列表中移除。

6. 在组件中，使用v-for指令遍历图片文件列表，并使用el-image组件展示回显的图片。el-image组件是element-plus提供的用于展示图片的组件。

7. 最后，在应用的父组件中，使用刚刚创建的上传组件。使用v-model指令绑定父组件中的数据，以获取上传成功后的图片文件。

通过以上步骤，就可以实现使用element-plus、ts和vue3上传多张图片并回显的功能。