配列の中にオブジェクトがしまわれた data を変更する複雑なメソッドを定義する
Tweet- 配列の中の一部の情報だけを変更する場合には map を使う
- map については JavaScript 寺子屋を頑張ってやってください!
- オブジェクトをコピーして、一部分だけ上書きする場合には
{...object, someProperty: value}
を使う - オブジェクトのコピーに関してはこちらの記事も参考にしてくださいMDN
App.vue
methods: {
changeHeight(id, value) {
const members = this.members;
this.members = members.map(member => {
if (id === member.id) {
return { ...member, height: member.height + value };
}
return member;
});
}
}