初识vue实现购物车小小的案例

iwatch • 2022-6-12 • html-js-css • 阅读 26

初识vue实现购物车小小的案例

html:

	
        商品名称：
        商品价格：
            //  添加商品
        
            
                商品名字
                价格
                购买数量
                小计
                 *** 作
            
            
                
                    暂无商品
                
            
            
                
                    
                    {{item.name}}
                
                
                    ￥ {{item.price}}
                
                
                    
                    {{item.num}}
                    
                
                
                    ￥{{ (item.num*item.price).toFixed(2) }}
                
                
                    
                
            
            
                合计:
                
                    全选：
                    
                    总价格：￥{{total}}