Vuelidate vue.js latest for vue3 using the helpers.forEach approach for array of objects

Question

Using Vuelidate vue.js latest for vue3 using the helpers.forEach approach for array of objects. I tried running the form but the validation is causing an error given as the below

Gives $response.$errors is undefined in the console Uncaught (in promise) TypeError: $response.$errors is undefined

export default {
  setup () {
    const rules = {
      collection: {
        $each: helpers.forEach({
          name: {
            required
          }
        })
      }
    }
    const state = reactive({
      collection: [
        { name: '' },
      ]
    })
    const v = useVuelidate(rules, state)
    return { v, state }
}
}

This is the template of the code

  <div
    v-for="(input, index) in state.collection"
    :key="index"
    :class="{
        error: v$.collection.$each.$response.$errors[index].name.length,
      }"
  >
    <input v-model="input.name" type="text" />
    <div
      v-for="error in v$.collection.$each.$response.$errors[index].name"
      :key="error"
    >
      {{ error.$message }}
    </div>
  </div>
</template>

Dúvida semelhante a essa resposta: stackoverflow.com/a/74567499/13589774 — eliasmcastro
– eliasmcastro, Commented Nov 25, 2022 at 1:16

moeses · Accepted Answer · 2022-01-26 21:30:23Z

0

Little late, but in your template you are refering to v$.collection instead of v.collection. In your setup you are returning v and not v$

answered Jan 26, 2022 at 21:30

moeses

4951 gold badge6 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

iamcoder · Accepted Answer · 2022-04-16 13:41:03Z

0

I need to use v$ as this was v$ represented a global variable based on useVuelidate

answered Apr 16, 2022 at 13:41

iamcoder

311 silver badge5 bronze badges

Collectives™ on Stack Overflow

Vuelidate vue.js latest for vue3 using the helpers.forEach approach for array of objects

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related