vue element upload组件 file-list的动态绑定实现

<template>
 <div class="view">
  <div class="item" v-for="(item,index) in formList" :key="index">
   <div style="font-size: 14px; color: #606266;line-height: 40px;">相关图片资料</div>
   <el-upload
    action="https://jsonplaceholder.typicode.com/posts/"
    list-type="picture-card"
    :on-preview="handlePictureCardPreview"
    :on-remove="(file, fileList)=>{return handleRemove(file, fileList, index)}"
    :limit="5"
    :on-exceed="onExceed"
    :file-list="item.pics"
    :on-success="(response, file, fileList)=>{return onSuccess(response, file, fileList, index)}"
   >
    <i class="el-icon-plus"></i>
   </el-upload>
   <el-dialog :visible.sync="dialogVisible">
    <img width="100%" :src="/UploadFiles/2021-04-02/dialogImageUrl">

主要实现，动态添加多个item，每个item都有对应的多张图文和介绍，可以删除，保存，下次进来可以回显继续编辑，详情展示页可以展示
github地址，可以clone下来，本地跑一下看看
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。