Vue.js : transform v-model data

Question

I am iterating through items in a checkbox. When I click on an item, it pushes each of those objects into the newItem array. However, I'd like to transform the new data in newItem to just be an array like this: ["age: 55", "age: 25"]... how can I transform the data going into newItem to be shaped like that?

items: [{name:"Billy, age: 55, permission: true}, {name:"Mike, age: 25, permission: false}],
newItem: [],

<v-checkbox v-for="item in items" v-model="newItem"></v-checkbox>

Boussadjra Brahim · Accepted Answer · 2020-08-19 20:01:09Z

1

You could use a computed property called selectedAges based on the newItem property :


computed:{
  selectedAges(){
    return this.newItem.map(item=>{
      return "age: "+item.age;
  
   })
  }
}

answered Aug 19, 2020 at 20:01

Boussadjra Brahim

90k19 gold badges163 silver badges183 bronze badges

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

Collectives™ on Stack Overflow

Vue.js : transform v-model data

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

Related