[Vuejs]-Edit form prop values not filled in the form vuejs (reusing same form component )

by

0👍

I can’t get enough info about your b-modal components.
but I think this maybe related to the props passed to child is async.
when created, the asyncprops editValue is not ready yet. so nothing is assigned to the form.
you can add v-if on the child component, render the child component only when data is ready:

<ProductGroupModal v-if="allData.length" :editValue="editValue" :editing='editing'
    />

do not write this.form = this.editValue in created hook;

computed: {
   form() {
      return this.editValue || {};
   }
}

Leave a comment