满口金牙 2022-06-04 09:01 采纳率: 91.1%
浏览 214
已结题

Vue3 组件递归中,递归下 调用 父父 组件的方法,请教

Vue3 组件递归,
一个目录树的组件:

一、父组件中 循环 TreeItme 组件

父组件中:
 <TreeItme v-for="item in menuCustomData" :key='item.key' :item="item" @methodA='methodA' />  / 给子组件绑定方法A

二、TreeItme 子组件中 递归 循环自身

<template>
    // 其它代码略
    const emit = defineEmits(['methodA ',])
    emit('methodA ')  // 调用父组件的方法, 第一层可以调用到, 但是下面的代码没法调用到 这个方法
    <TreeItem style="position: relative; left:67px;" v-if="itemVisible" v-for='(v,i) in item.children' :key='i' :item='v'/> // 递归 自已, 这里无法调用 methodA
</template>

  • 写回答

4条回答 默认 最新

  • iMingzhen 2022-06-04 14:38
    关注

    这种涉及到多层级的组件通信,建议使用vue的provideinject
    从上层组件提供函数和数据给所有下层组件,下层接收使用

    img

    详细使用方式请查阅文档~
    https://v3.cn.vuejs.org/guide/component-provide-inject.html

    如有帮助请采纳回答谢谢~

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题?

问题事件

  • 系统已结题 6月16日
  • 已采纳回答 6月8日
  • 修改了问题 6月4日
  • 修改了问题 6月4日
  • 展开全部

悬赏问题

  • ¥15 依据报错在原代吗格式的基础上解决问题
  • ¥15 在虚拟机中安装flash code
  • ¥15 单片机stm32f10x编写光敏电阻调节3.3伏大功率灯亮度(光强越大灯越暗,白天正常光强灯不亮,使用ADC,PWM等模块)望各位找一下错误或者提供一个可实现功能的代码
  • ¥20 verilog状态机方法流水灯
  • ¥15 pandas代码实现不了意图
  • ¥15 GD32H7 从存储器到外设SPI传输数据无法重复启用DMA
  • ¥25 LT码在高斯信道下的误码率仿真
  • ¥45 渲染完成之后将物体的材质贴图改变,自动化进行这个操作
  • ¥15 yolov5目标检测并显示目标出现的时间或视频帧
  • ¥15 电视版的优酷可以设置电影连续播放吗?