this.$store.commit(
'deleteCheckboxItems',
response.data.items.forEach(element => {
element.id;
})
);
À partir du apireçu, je dois obtenir l'identifiant et le transmettre à vuex. La fonction fonctionne mais écrit un élément non défini sur la console lorsqu'elle est appelée.
vuex:
deleteCheckboxItems(state, payload) {
if(state.filteredBrands) {
state.filteredBrands = state.filteredBrands.filter((item) => {
console.log(payload);
item.id == payload;
});
}
Dans vuex, j'ai besoin id de comparer et de supprimer s'il y a les mêmes.
Que dois-je changer ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Si vous ne voulez pas changer
deleteCheckboxItems的实现，请使用数组将this.$store.commitemballez-le avec pour chaque comme ceci :response.data.items.forEach(element => { this.$store.commit('deleteCheckboxItems', element) });En plus, ce qui est le plus important, c'est votre
filteredBrands.filter不会过滤，因为您没有返回值。你必须return item.id === Payload.Utilisation
map函数代替forEach:this.$store.commit( 'deleteCheckboxItems', response.data.items.map(({id}) => id) );Votre fonction
filtera également besoin de quelques changements. Il devrait renvoyer une valeur booléenne, mais vous avez oublié de renvoyer cette valeur.deleteCheckboxItems(state, payload) { console.log(payload); if (state.filteredBrands) { state.filteredBrands = state.filteredBrands.filter((item) => { return item.id == payload; }); } }La charge utile peut être un tableau d'identifiants, vous devez utiliser une fonction comme
includespour vérifier votre cas.