我刚刚开始使用 Vuex,但遇到了问题(这可能是我的一些无能为力的语法错误)。我有一个用户喜欢 like_items 并且有一个网络调用,它与一个项目不同。

mutations: { 
SET_TOGGLE_LIKED: (state, { global_id }) => { 
  alert('here is global_id: ' + global_id) 
 state.user.liked_items.find((obj,i) => { 
   if(obj.global_id === global_id){ // no global_id 
      console.log('that exists at i: ' + i + ' with length: ' + state.user.liked_items.length) 
      state.user.liked_items.splice(i, 1) 
      console.log('that exists at i: ' + state.user.liked_items.length) 
   }else{ 
     console.log('that doesnot exist!') 
   } 
 }) 
} 

我遇到的问题是,从 like_items 列表中删除一个项目后,它似乎被召回,并且我收到一个错误,即 global_id 在 undefined 上不存在。

我可以通过以下方式修复:
 state.user.liked_items.find((obj,i) => { 
   if(obj){ 
     if(obj.global_id === global_id){ 

但是为什么我需要在这里检查 obj 的存在?

请您参考如下方法:

我们还可以使用 映射 来获取 存储数组 中对象的 index 并使用以下方法将其删除:

突变

REMOVE_OBJECT_FROM_ARRAY: (state, payload) => { 
    const i = state.someArrayofObjects.map(item => item.id).indexOf(payload.id); 
    state.someArrayofObjects.splice(i, 1); 
  } 

这里, id 是与有效载荷一起传递给 MUTATION 的 id ,我们也可以只传递 id 作为整个 payload 。在这种情况下,我们可以执行以下操作:

REMOVE_OBJECT_FROM_ARRAY: (state, payload) => { 
    const i = state.someArrayofObjects.map(item => item.id).indexOf(payload); 
    state.someArrayofObjects.splice(i, 1); 
  } 


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!