vue+element中在table行中根据条件加上传按钮_el-table 加入表格预览按钮

先看效果图：

这个效果就是这样，但难点是在表格的每条数据是循环出来的，那这样上传按钮就是重复的出现在表格中了。

问题：当点击上传的时候那每个按钮旁边的上传名字都是一样的，而且这样点击预览的时候就是同一个文件了。

这个问题也是困扰我好长时间最后解决了。

我的代码判断比较多有时间了再整理，先在这边记录一下关键的地方

代码：

<input :id="'twoupload'+scope.$index" type="file" accept=".jpg" @change="twofileUp">
1

这个是动态绑定的:id="'twoupload'+scope.$index"

在js这样获取

这个就可以获取在table中第几行有这个按钮：

 console.log(e.path[0].id)
 const newpo = e.path[0].id
1
2

这个打印的结果是：twoupload5，然后截取一下就剩一个5就好了，
再传到这里：

this.listtyp` 这个是table绑定的数组:data="listtyp"
1

entryItem 是这个上传按钮要要显示且给后台传回去的字段赋值
1

这个点击名字就区分开了，然后在预览的时候再根据上传的接口获取上传列表进行循环：

这样就可以啦！今天是2019.10.24！下班下班啦，程序员的节日，不加班了