vue获取循环列表并添加图片

因为我要实现的是选中之后，获取列表里面之前客户填入的资料信息

这个信息是根据id获取显示的，所以我将单选时获取资料id

因为要把资料id的name显示出来 所以我通过调详情的接口将对应的资料name获取到添加定义的数组materialDetail内并在方法后设置清空，不然用户单选后再换的话就会累积添加。最后再通过表格显示出来

但同时要能添加图片，所以我加了一个item.url，这样才能与数据对应，因为是循环的列表，如果只是写一个添加图片的组件在这里就会一添加，所有的图片都是一样的，但同时我可以选择单张和多张，如果直接加按钮也是同样一点击全部都一样了，所以我再materialDetail内添加了两个布尔值，设置值为false,设置方法点击上传单张时将index获取到设置this.materialDetail[index].img=true  this.materialDetail[index].file=false 另外一个按钮同理

单选点击后获取显示的效果图

（图1是点击上传单张图片后的效果）

（图2是点击上传文件后的效果）

(只把相关的代码复制到这了)

<template>
<div>
<table class="table" >
      <tr class="th-checkbox">
        <th>
        </th>
        <th>产品名称</th>
        <th style=&#