Push key name into an array of object looping over using v-for | Vue.js

Question

I am aiming to store key names of object I'm looping over with v-for in an array within my components data object. I have seen others pass it as props into a separate component, but I instead need to store it in the same component where I'm running my v-for loop.

<div v-for="(fieldData, fieldName, index) in fieldset.fields" :key="`c-form__field--${index + 1}`"></div>

I need to push each fieldName into an array called currentFields in my data object.

tony19 · Accepted Answer · 2022-07-16 01:08:12Z

1

You can add a computed method to do that.

computed: {
    // a computed getter
    currentFields: 
      let arr = [];
      this.fieldset.forEach(fields => {
         arr.push(//whatever you need to save)
      });
      return arr;
    }
  }

edited Jul 16, 2022 at 1:08

tony19

140k23 gold badges281 silver badges354 bronze badges

answered May 31, 2019 at 14:09

Jalil

1,2761 gold badge15 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

Push key name into an array of object looping over using v-for | Vue.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest