当前位置: 首页 > backend >正文

vue中<router-view />中的组件调用父组件的方法

        把它当一个不普通的子组件使用就行了。

1.父组件调用子组件中的方法

<div>
<input type="button"  @click="handleChildMethod"/><router-view ref="child" />
</div>
...
methods:{fatherMethod(){...},handleChildMethod(){this.$refs['child'].childMethod()}
}

2. 子组件调用父组件

<input type="button" @click="handleFatherMethod"/>
...
methods:{handleFatherMethod(){this.$parent.fatherMethod()}
}

http://www.xdnf.cn/news/4606.html

相关文章:

  • 数据库补充知识
  • 人脸识别技术应用管理办法的影响
  • 网络编程之端口号
  • 主数据管理与数据治理有什么关系?
  • 大模型 Agent 技术:开启智能交互新时代
  • Mermaid的常见用法
  • Oracle 数据布局探秘:段与区块的内部机制
  • 制作一款打飞机游戏40:点选敌人
  • 编写程序,统计两会政府工作报告热词频率,并生成词云
  • 【icpc陕西省赛】树的最大深度+基环树找环的大小
  • 注意力(Attention)机制详解(附代码)
  • LeetCode205_同构字符串
  • NHANES指标推荐:AISI
  • QML 动态加载组件
  • 论文解析[13] MIXED TRANSFORMER U-NET FOR MEDICAL IMAGE SEGMENTATION
  • 【C++】C++11(上)
  • RDD的处理过程
  • vue3的新特性
  • Spring cloud loadBalancer 负载均衡
  • Qwen2-VL详解
  • Unity3D 游戏内存优化策略
  • Anchor-based 和 Anchor-free
  • 修改图像分辨率
  • SLAM:单应矩阵,本质矩阵,基本矩阵详解和对应的c++实现
  • AtCoder 第404场初级竞赛 A~E题解
  • 【无标题】云计算运维
  • 代码随想录算法训练营第60期第二十九天打卡
  • 前端代码规范详细配置
  • CSS手动布局
  • 60页PDF | 四川电信数据湖 + 数据中台实施方案:覆盖数据能力、数据资产及数据治理的全流程建设指南