循环生成的el-upload如何传递index参数

最新推荐文章于 2025-01-12 20:51:52 发布

原创最新推荐文章于 2025-01-12 20:51:52 发布 · 832 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #vue

文章描述了在Vue.js项目中，如何通过`.bind`方法实现el-upload组件的应用，用于处理设备清单的PDF文件上传和移除，展示了el-form-item和el-col的配合使用。

1 代码

通过.bind

<el-row v-for="(item, index) in buildSiteWorkForm.work" :key="index">
    <el-col :span="3">
      <el-form-item class="wrap" label="设备清单" prop="officeEquipmentFile">
        <el-upload
           class="upload-demo"
           action=""
           :auto-upload="false"
           ref="officeEquipmentFileRef"
           accept = ".pdf, .PDF"
           :on-change="officeEquipmentFileChangeHandle.bind(null, index)"
           :on-remove="officeEquipmentFileRemoveHandle.bind(null, index)">
           <el-button size="mini" type="primary">上传</el-button>
         </el-upload>
       </el-form-item>
    </el-col>
</el-row>