vue实现商品加减计算总价的实例代码

作者：袖梨 2022-06-25

需求是商品只能选一次,有原价和现价.

大概的效果图是这样:

完整代码在这里,直接复制就能用:




 
 Document
 


 
 
  
   
   
    
    
     
      {{item.name}}
     
     
      现价：{{item.hide_price}}￥
      原价：{{item.or_price}}￥
     
    
   
   
  
  
   
    
     
      
      ×
      
      
     
     +
    
    
     
      =
      
       原价：{{or_amount}}￥
       现价：{{now_amount}}￥
      
     
    
   
   立即购买