vue实现简单计算商品价格

本文实例为大家分享了vue实现简单计算商品价格的具体代码，供大家参考，具体内容如下

 
 
 
 
  table {
   width: 700px;
   text-align: center;
  }

  tr,
  th {
   height: 40px;
  }
 
 



 
  

   

    

     
全选
     
id
     
商品名称
     
商品价格
     
商品数量
     
小计价格
    
   
   

    

     

     
{{item.id}}
     
{{item.name}}
     
{{item.price}}
     
{{item.num}}

     
     
{{goodsPrice(item)}}元
    
    

     
商品总价:{{total}}元
    
   
  
 

 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。