javascript - 多个 ValidationObserver 未验证所有字段

Question

我的页面上有多个ValidationObserver，但没有按预期工作：

<td class="actions">
  <ValidationObserver :ref="`form-translation-${row.keywordId}`">
    <ValidatedField
      class="float-left w-85"
      required
      rules="required"
      type="text"
      :value="row.translation ? row.translation.translation : ''"
      :placeholder="$t('translation')"
      :name="`translation-${row.keywordId}`"
    />
    <SubmitButton
      @click="onSubmit(row)"
      variant="secondary"
      class="btn-save"
      :disabled="pending && !loaded"
      :loading="pending"
      inline
    >
      {{ $t('buttons.save') }}
    </SubmitButton>
  </ValidationObserver>
</td>

但它没有按预期工作。

对于第二个输入，验证不起作用。即使我里面有数据，它也会向我显示 message This field is required。