更新记录

2.0（2019-11-12） 下载此版本

修改为通用组件,修复BUG

使用方法

    <view>
        <category :categoryList="categoryList" :subCategoryList="subCategoryList" @categoryMainClick="categoryMainClick" @categorySubClick="categorySubClick"></category>
    </view>
    <script>
        import category from "../../components/qiyue-category/qiyue-category.vue"
        export default {
            components:{
                category
            },
            data() {
                return {
                    categoryList:[],
                    subCategoryList:[]
                }
            },
            methods: {
                categoryMainClick(category){
                    this.subCategoryList = category.subCategoryList;
                },
                categorySubClick(category){
                    console.log(category);
                }
            },
            mounted() {
                for(var i=0;i<20;i++){
                    var subList = [];
                    for(var j=0;j<30;j++){
                        subList.push({"name":"分类"+i+":商品"+j,"logo":"http://placehold.it/50x50"})
                    }
                    this.categoryList.push({"name":"分类"+i,"subCategoryList":subList})
                }
                this.subCategoryList = this.categoryList[0].subCategoryList;
            }
        }
    </script>

参数说明

平台兼容性

-uni-app-left-navigation

uni-app 侧边导航分类 ;