Javascript Vue.js:转换v模型数据
我在复选框中遍历Javascript Vue.js:转换v模型数据,javascript,vue.js,vuejs2,vue-component,vuetify.js,Javascript,Vue.js,Vuejs2,Vue Component,Vuetify.js,我在复选框中遍历项。当我单击一个项目时,它将这些对象中的每一个都推送到newItem数组中。但是,我想将newItem中的新数据转换为如下数组:[“age:55”,“age:25”]…如何将进入newItem的数据转换为那样的形状 items: [{name:"Billy, age: 55, permission: true}, {name:"Mike, age: 25, permission: false}], newItem: [], <v-checkbox v-
项
。当我单击一个项目时,它将这些对象中的每一个都推送到newItem
数组中。但是,我想将newItem
中的新数据转换为如下数组:[“age:55”,“age:25”]…
如何将进入newItem
的数据转换为那样的形状
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>
items:[{name:“Billy,年龄:55,权限:true},{name:“Mike,年龄:25,权限:false}],
新项目:[],
您可以基于newItem
属性使用名为selectedAges
的计算属性:
computed:{
selectedAges(){
return this.newItem.map(item=>{
return "age: "+item.age;
})
}
}