APICloud+Vue.js商城实战-6.商品分类页面（二级分类）

1、APICloud组件 openwin 打开新窗口组件，本案例中用于二级分类打开商品列表页

官方文档地址
https://docs.apicloud.com/Client-API/api#33
（1）示例代码

api.openWin({
    name: 'page1',
    url: './page1.html',
    pageParam: {
        name: 'test'
    }
});

2、二级分类及跳转到对应分类商品列表

（1）html代码

    
    
    
    
    



    

        

            

                

                    

                        
                    
                
            
            

                

                    

                        

                            

                                

                                    

                                        
                                            
                                            {{ vo.cate_name }}
                                        
                                    
                                
                            
                        
                    
                
            
        
    

（2）js部分

（3）效果

image.png

打开商品详情页

image.png

3、关于ajax页面访问api接口向后端传值理解

（1）api接口数据，postman模拟传值

image.png

（2）前段ajax请求，传值到api接口

image.png

（3）后端接口方法，接收传值

image.png