Tencent / wepy

小程序组件化开发框架
https://wepyjs.gitee.io/wepy-docs/
Other
22.5k stars 3.05k forks source link

wepy不支持组件递归吗,那树形图怎么实现呢 #2103

Open yurentle opened 5 years ago

yurentle commented 5 years ago

原生组件是支持递归调用的,但是wepy似乎不能递归调用,那么我要是实现树形结构该怎么做?

// 以下组件无法实现,会报错
<template>
    <view>
        <repeat for="{{children}}" key="index" index="index" item="item">
            <view>{{item.name}}
                <block wx:if="{{item.children}}">
                    <Tree :children="item.children"></Tree>
                </block>
            </view>
        </repeat>
    </view>
</template>
<script>
import wepy from 'wepy';
export default class Tree extends wepy.component {
    props = {
        children: {
            type: Object
        }
    };
    data = {
        children: [
            {
                id: '4',
                name: '电子科技有限公司',
                children: [
                    {
                        id: '7',
                        name: '二公司'
                    },
                    {
                        id: '8',
                        name: '三公司'
                    },
                    {
                        id: '9',
                        name: '四公司'
                    }
                ]
            },
            {
                id: '5',
                name: '南京科技有限公司'
            },
            {
                id: '6',
                name: '电子科技有限公司'
            }
        ]
    }
}
</script>
<style lang="scss">
</style>
ainicui commented 5 years ago

我的解决方案是原生组件和wepy混合用,不知道你是怎么解决的,有没有找到wepy支持组件递归的方法呢?