Javascript VueJS可以由多个元素调用同一个方法

我有一个带有动态元素的表单，所以有时候可能有5个文件上传元素，有时候只有1个

但是我想知道让多个元素在vue上使用相同的方法是否可以

例如：

一切都很好，我只是想问一下，万一有什么不同的方法被认为是最佳实践

谢谢

可以从多个元素调用同一个方法。根据我的经验，它主要发生在v-for循环内部

<>我没有足够的信息来说明你的情况，但是你可以考虑使用HTML5输入，它允许你上传多个文件：

---

当然，我看不出为什么不，实际上这样更好，这样你就不必重复你自己的话了。如果还将$event传递给该方法，则可以使用event.target.files[0]，而不必查询元素。

<input type="file" @change="processImage(row.id)" name="img_1"class="img_upload_1">
<input type="file" @change="processImage(row.id)" name="img_2"class="img_upload_2">
<input type="file" @change="processImage(row.id)" name="img_3"class="img_upload_3">

processImage(index) {
      var rowIndex = this.rows.map(item => item.id).indexOf(index);
      this.rows[rowIndex].img = $('.img_upload_' + index)[0].files[0];
    },