如何使用 vee-validate 验证多个文件表单字段？

Question

我有一个多文件选择表单字段，我正在使用 v-validate 来验证它。如何验证这种字段？

<input type="file" name="images[]" ref="file" class="txt" v-validate="'required|image|mimes:jpg,png,jpeg'">
<span v-show="errors.has('images')">{{ errors.first('images') }}</span>
<input type="file" name="images[]" ref="file" class="txt" v-validate="'required|image|mimes:jpg,png,jpeg'">
<span v-show="errors.has('images')">{{ errors.first('images') }}</span>

我没有使用多个。相反，我在两个不同行的两个输入类型中使用images[]。

Answer 1

名称应该是“images”而不是“images[]”。我们只需要在应用程序中将图像初始化为空数组

  data: function() {
    return {
      images: []
    }
  },