vue内存释放（Vue报错：Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“）

背景:

当点击按钮时候    
    
    
，正常情况控制台的Network应该要发送一个变化量     


     


     


    ，现在控制台的Network不仅不显示




 




 




 


，而且还报错
   

   

   

，报错信息如下：

vue.runtime.esm.js?c320:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading skuId)"

简单看了下     

     

     

   ，应该是模板找不到skuId这个变量

思路：

为了解决这个报错 




  




  




  

，我大致思考了一下：

1.定位报错行

  


  


  


，看了代码     
     
     
  ，有用到报错提示的关键词“skuId    
    
    
”的地方  




   




   




   
，这一句代码是为了派发action

2.借助开发者工具检查是不是有skuId


 



 



 



，可以看见确实有skuId这个值的

3.确定源头有数据                ，那么是不是我拿值的时候   




    




    




    ，没有拿到呢    
    
    
。为此


















，我打印语句：

handler(type,disNum,cart) { switch(type){ case "add": disNum = 1; break; case "minus": // 判断产品的个数大于1               ，才可以传递给服务器-1 //如果出现产品的个数小于等于1    



     



     



     ，传递给服务器个数0（原封不动） disNum = cart.skuNum > 1 ? -1 : 0; break; } console.log(带给服务器的变化量,disNum,cart); this.$store.dispatch(addOrUpdateShopCart,{skuId:cart.skuId,skuNum:disNum}); },

可以看到此时的值是 undefined


















，也就是说    
    
    
，当我点击按钮的时候     


     


     


    ，传实参的值cart并没有传成功




 




 




 


，cart是undefined
   

   

   

，他下面的skuId自然就拿不到值了     


     


     


    。

4.实参传不成功     

     

     

   ，那么是不是形参没有写好呢




 




 




 


。一看 




  




  




  

，果然是

  


  


  


，少了对应的形参
   

   

   

。至此     
     
     
  ，修正报错得以解决     

     

     

   。

总结：

因为做项目的时候  




   




   




   
，对于这种个例化的报错（也就是只有你一个知道自己正在写什么


 



 



 



，跟别人解释还得费劲老半天                ，最后别人还不太能理解的报错）还是得从自身思考出发   




    




    




    ，才能有所长进 




  




  




  

。