vue.js - 如何使用 v-for 和 vee-validate 呈现错误

Question

快速提问，我可能遗漏了一些东西。我使用 vee-validate 进行了一些验证，我试图在迭代对象后显示错误，但我设法仅在最后一个输入字段上显示错误。

这是我的代码：

<ValidationProvider name="integrationParams[key]" rules="required" v-slot="{ errors }" v-for="(param, key, index) in integrationParams" :key="key">
    <label class="inputLabel" :for="key">Please fill in {{ key }} param</label> <span class="redStar">*</span>
    <input v-model="integrationParams[key]" :id="key">
    <span class="invalid-feedback">{{ errors[0] }}</span>
</ValidationProvider>

例如，我有 5 个字段，我设法仅在最后一个字段上显示错误。我在这里想念什么？

标签： vue.jsvuejs2vee-validate