<div>
        <template v-for="item in attachs">
            <el-form-item :key="item.id" :label="item.label">
              <i style="color: red" v-show="item.isRequired">*</i>
              <el-upload
                class="upload-demo"
                action=""
                :file-list="item.fileList"
                :on-change="
                  (file, fileList) => {
                    onChange(file, fileList, item);
                  }
                "
                :on-remove="
                  (file, fileList) => {
                    onRemove(file, fileList, item);
                  }
                "
                :on-preview="handlePictureCardPreview"
                :auto-upload="false"
                list-type="picture-card"
                multiple
              >
                <i class="el-icon-plus"></i>
              </el-upload>
            </el-form-item>
          </template>
</div>
         <el-dialog :visible.sync="dialogVisible" size="tiny">
         <img width="100%" :src="dialogImageUrl" alt="" />
         </el-dialog>


attachs: [
        {
          label: "询问笔录",
          id: "11",
          isRequired: true,
        },
        {
          label: "申请书",
          id: "12",
          isRequired: true,
        },
      ],


    onChange(file, fileList, list) {
      var obj = new Object();
      obj.label = list.label;
      obj.file = file;
      obj.id = list.id;
      this.upData.push(obj);
      //console.log(this.upData);
    },
    onRemove(file, fileList, list) {
      this.upData.splice(
        this.upData.findIndex((item) => item == list.label),
        1
      );
    },
   handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;
    },