更新记录

1.1.2(2020-11-10)

修复bug

1.1.1(2020-11-09)

更新bug

1.1.0(2020-11-09)

更新点击隐藏需求,更新兼容问题

查看更多

平台兼容性

tree-tu-y

uniapp 纵轴树状图

前言

进入github下载完整包,地址:github地址 创作不宜,喜欢的给我点个star,坚持更新

使用方法

//引入number-jpan组件
    import treeTuY from '../../components/treeTuY.vue'
//注册组件
components: {
            treeTuY
        }
<tree-tu-y :serverData="serverData" @dataChange="change"></tree-tu-y>
------------------------------------------------------------------------
    serverData:       需要渲染的数据,需要传入指定数据结构(请看下文完整代码)
    dataChange:       当数据发生变化时触发第一个参数为新的数据
------------------------------------------------------------------------

完整代码

<template>
    <view class="content">
        <tree-tu-y :serverData="serverData" @dataChange="change"></tree-tu-y>
    </view>
</template>

<script>
    import treeTuY from '../../components/treeTuY.vue'
    export default {
        components: {
            treeTuY
        },
        data() {
            return {
                serverData: {
                    title: '报道新生',
                    ArrC: [{
                            title: '船舶专业群',
                            child: [{
                                title: '船舶2001班'
                            }]
                        },
                        {
                            title: '船舶专业群',
                            child: [{
                                    title: '船舶2001班'
                                },{
                                    title: '船舶2001班'
                                }
                            ]
                        }
                    ]
                }
            }
        },
        onLoad() {

        },
        methods: {
            change(res){
                console.log(res)
            }
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问