更新记录

1.0.0（2024-06-10） 下载此版本

初始化

平台兼容性

uni-app

其他

long-breadcrumb-menu

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

如需通过npm方式使用uni-ui组件，另见文档：https://ext.dcloud.net.cn/plugin?id=55

基本用法

在 template 中使用组件 该插件依赖 uni-breadcrumb 、uni-row

<long-breadcrumb-menu :menuData="menuData" :select=""></long-breadcrumb-menu>

import LongBreadcrumbMenu from "@/uni_modules/long-breadcrumb-menu/components/long-breadcrumb-menu/long-breadcrumb-menu.vue"
export default {
    data() {
        return {
            selectTreeId: "",
            selectMenuName: "",
            menuData:[
                {
                    treeId:"01",
                    groupName:"文件夹1",
                    children:[
                        {
                            treeId:"0101",
                            groupName:"文件夹1_1",
                            children:[
                                {
                                    treeId:"010101",
                                    groupName:"文件夹1_1_1"
                                }
                            ]
                        },
                        {
                            treeId:"0102",
                            groupName:"文件夹1_2"
                        },
                        {
                            treeId:"0103",
                            groupName:"文件夹1_3"
                        },
                    ]
                },
                {
                    treeId:"02",
                    groupName:"文件夹2",
                    chidren:[
                        {
                            treeId:"0201",
                            groupName:"文件夹2-1"
                        },
                        {
                            treeId:"0201",
                            groupName:"文件夹2-1"
                        }
                    ]
                }
            ]
        }
    },
    methods: {
        :function(item) {
            this.selectTreeId = item.treeId;
            this.selectMenuName = item.groupName;
        }
    }
}

API

LongBreadcrumbMenu Props