vue组件如何自己调用自己（组件递归）

在做侧边栏导航动态加载时，需要用到vue的组件递归，最开始打算直接写函数递归来解决问题，结果没什么卵用，越写越复杂。直接上代码

给组件name值

<script>
export default {name: "SideItem",}<script>

直接在组件中调用即可

<template><div><SideItem :tree="item"></SideItem><div>
<template>

注意不要在组件内定义vue.components，否则会报错

vue组件如何自己调用自己（组件递归）相关推荐

vue3 setup中父组件通过Ref调用子组件的方法
在setup()钩子函数中调用父组件 <template><div>我是父组件<children ref="childrenRef" />&l ...
Angular中父组件通过ViewChild调用子组件的方法
场景 Angualr中通过原生js和ViewChild的方式获取dom: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10586 ...
React 组件之间事件调用(父组件调用子组件)
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html> <head> <script src= ...
Vue中父组件调用子组件的方法
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...
vue 子组件调用($emit)父组件方法后父组件方法如何回调子组件方法
子级组件中的实现组件名称:EditTable.vue export default{ name:'ET', ....... methods:{ ShowMore(step){ ...
vue 父组件中调用子组件的方法
Vue项目中如何在父组件中直接调用子组件的方法: 方案一:通过ref直接调用子组件的方法: //父组件中<template><div><Button @click=&qu ...
Vue生命周期函数解析及各个组件间调用顺序
Vue生命周期函数 beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed befo ...
埋坑一： vue中子组件调用兄弟组件方法
小计: 开发中遇到子组件需要调用兄弟组件中的方法,如下写个小demo记录下心得,如果你有好的方法,请到评论区域指教父组件示例代码: 组件功能解析: 通过$emit获取子组件事件,通过$ref调用子组 ...
VUE Element UI 父组件调用子组件方法变量，子组件使用父组件变量
一.父组件调用子组件的方法步骤拆解: (1)父组件:1.渲染调用子组件 2.导入子组件 3.声明子组件变量 4.调用子组件 (2)子组件:1.实现子组件自己的渲染.数据处理功能 2.使用父组件的变量 ...
js模板字符串自定义类名_【Vue.js 入门到实战教程】07Vue 组件注册 | 基本使用和组件嵌套...
来源 | https://xueyuanjun.com/post/21929除了前面介绍的基本语法之外,Vue.js 还支持通过组件构建复杂的功能模块,组件可以称得上是 Vue.js 的灵魂,是 Vu ...

vue组件如何自己调用自己（组件递归）

vue组件如何自己调用自己（组件递归）

vue组件如何自己调用自己（组件递归）相关推荐

最新文章

热门文章