循环调用上传图片组件遇到的坑

1、如何动态绑定ref

绑定语法：:ref="`uploadImg${index}`"

获取语法：this.$refs[`uploadImg${index}`]

2、$nextTick的使用

bug场景：

使用上传图片的常规用法是：1、使用组件的地方定义belongsId为空串传给组件。2、在点击获取详情按钮时，得到这条数据的唯一标识，赋值给belongsId。 3、组件检测到现在的belongsId与初始值不符就会触发组件内部的查询文件的方法。

循环调用组件时：由于组件是循环出来的，所以无法进行常规用法的第一步，当拿到数组并循环组件时相当于在执行常规用法的第二步，所以无法触发组件内部的查询文件的方法。

解决方法: 1、当拿到数组arr1时先制造一个同等数量的数组arr2来循环组件（给组件的belongsId赋值为空串）。2、然后在$nextTick中把拿到的数组arr1再赋值给这个用来循环的数组arr2。3、这样组件就会检测到belongsId发生了变化，从而触发组件内部的查询文件的方法。