代码很简单,跟着慕课上的vue例子做的,有个问题记录下

this.$http.get("data/cartData.json").then(function(res){     // _this.productList = res.data.result.list;  })

实际需要在catch里获取json 的内容

this.$http.get("data/cartData.json")                .then(function(res){                    // _this.productList = res.data.result.list;                                    })                .catch(function(res){                    if(res instanceof Error) {                      console.log(res.message);                    } else {                      console.log(res.data);                      _this.productList = res.data.result.list;                      _this.calTotalMoney();                    }                });

 还一个涉及到引用本地cartData.json,chrome浏览器会出错,需要在浏览器快捷方式后加 --allow-file-access-from-files  

代码如下

    
             
         
         
         
         
                 
     
    
      
        
       
        
        购物车
        
       
        
       
            
        
                         
          
            
商品信息
            
商品金额
            
商品数量
            
总金额
            
编辑
           
                          
            
 
            
             
            
 
            
 
             
              
             
 
             
 
              
               { {item.productName}}
              
 
              
 
               
                赠送：
               
 
               
                { {part.partsName}}
               
 
              
 
             
 
            
 
            
{ {item.productPrice}}
            
 
            
             
             { {item.productQuentity}}
             
            
 
            
 
            
{ {item.productPrice*item.productQuentity}}
            
           
                     
        
            
        
                
         
                    
          
           
          
                    
          
           全选
           取消全选 
          
                
         
                
         
                    
          
           总金额 :
           { {totalMoney}}元