美文网首页
递归组件的使用

递归组件的使用

作者: edisonTechBlog | 来源:发表于2020-03-02 11:52 被阅读0次

假设有这样一个数据,可以发现是一个嵌套的数据关系,在id为0的数据中还包含了二级数据,如果要使用的话就可以使用递归组件。

在此之前,我都以为组件的名字只是用来在父组件中使用的,但是还有一个大用处,就是自身去调用自身!牛逼了

但是有一点很奇怪,组件使用了DetailList的名子,但是在使用自己使用自己是总是报错该组件未被注册,后来就换了一个组件名,改成了list就成功了,所以以后的组件命名不要使用驼峰形式,简单就好。当然了父组件除外。并且子组件名和父组件中的components名毫无关系。

递归的具体使用

            <!-- //如果有children这个选项就显示 -->
            <div v-if="item.children">
                <list class="children" :list="item.children"></list>
            </div>

效果图

那么三级菜单怎么做呢?直接在二级菜单里面嵌套一个children,其他都不用修改。

相关文章

  • vue 局部组件递归

    vue只有全局注册的组件才能递归调用吗? 最近在开发 npm 组件库,需要递归使用组件,组件间存在相互依赖关系。搜...

  • 递归组件—树形结构效果

    递归组件treeMenu : 使用用法: 效果图:

  • 递归组件的使用

    注意点 需要一个中止条件来中止递归组件 递归组件需要命名 后才能使用 index 不能重复 分清循环的是 pare...

  • 递归组件的使用

    假设有这样一个数据,可以发现是一个嵌套的数据关系,在id为0的数据中还包含了二级数据,如果要使用的话就可以使用递归...

  • element 树形转 el-tabs导航

    element 树形转 el-tabs导航 使用组件递归

  • 14.递归组件与动态组件

    递归组件与动态组件 递归组件 递归组件就是指组件在模板中调用自己,开启递归组件的必要条件,就是在组件中设置一个 n...

  • vue 组件循环引用

    Vue.component 全局注册组件时,组件循环引用可以解开。 当组件不是全局注册的时候 我们使用递归组件需要...

  • 组件的高级用法

    递归组件 组件在它的模板中可以递归地调用自己,但是需要给组件设置 name 的选项。同时要注意限制递归的数量,否则...

  • 39.React动态菜单组件实现

    实现动态菜单主要是使用递归+Menu组件来实现的。递归用来二级以及多级菜单。判断menu是否有children,有...

  • vue 组件递归

    组件递归常用到的栗子就比如树形结构的创建,需要自调用进行递归渲染下面是递归组件渲染tree的效果图: 2.调用组件...

网友评论

      本文标题:递归组件的使用

      本文链接:https://www.haomeiwen.com/subject/kkxpkhtx.html