Vue.js：转换v模型数据

如何解决Vue.js：转换v模型数据

我正在复选框中遍历items。当我单击一个项目时，它会将每个对象推入newItem数组中。但是，我想将newItem中的新数据转换为像这样的数组：["age: 55","age: 25"]...如何将进入newItem的数据转换成这样的形状？ / p>

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>

解决方法

您可以基于selectedAges属性使用名为newItem的计算属性：

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