How do you convert form values into an array in VUE

Question

I'm trying to figure out how to convert info into an array to compare it with another array.

This is my code

<input type="checkbox" v-model="info.q1">
<input type="checkbox" v-model="info.q2">
<input type="checkbox" v-model="info.q3">

Answers[],    
info : {
      q1: '4',
      q2: '4',
      q3: '4'
    }

I'm trying to get something like the below:

var answers = [{q1: 4},{q2: 4}]

this.Answers = Object.values(this.info)? See Object.values() — Phil
– Phil, Commented Aug 11, 2018 at 4:53

li x · Accepted Answer · 2018-08-11 10:57:19Z

2

You can make a Computed Property with the name answers like:

    answers () {
        return Object.entries(this.info).map( ([key, value]) => ({ [key]: value }) )
    }

After creating computed property you can call it like this.answers.

or

You can make make in method like:

    methodName(){
        const answers = Object.entries(this.info).map( ([key, value]) => ({ [key]: value }) )
    }

edited Aug 11, 2018 at 10:57

li x

4,0612 gold badges34 silver badges52 bronze badges

answered Aug 11, 2018 at 8:28

M Shafique

8168 silver badges18 bronze badges

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

1 Comment

Sumurai8 Over a year ago

Don't make it a method if you can make it a computed property. Computed properties are cached and automatically updated when the data it depends on changes. There is no reason in this example to use a method.

Sumurai8 · Accepted Answer · 2018-08-11 11:33:05Z

1

Make a computed property that calculates answers based on info.

computed: {
  answers () {
    return Object.entries(this.info).map(
      ([key, value]) => { [key]: value }
    )
  }
}

edited Aug 11, 2018 at 11:33

answered Aug 11, 2018 at 6:08

Sumurai8

20.8k11 gold badges70 silver badges103 bronze badges

Collectives™ on Stack Overflow

How do you convert form values into an array in VUE

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related