vue+ts 监听函数父组件传子组件子组件调用父组件

最新推荐文章于 2024-04-01 16:10:05 发布

沉默是金~

最新推荐文章于 2024-04-01 16:10:05 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue2.0 Avue 文章标签： vue.js

本文链接：https://blog.csdn.net/wyhc2021/article/details/124202404

Avue 同时被 2 个专栏收录

11 篇文章 ¥29.90 ¥99.00

订阅专栏

超级会员免费看

50 篇文章

订阅专栏

本文探讨了在Vue.js中结合TypeScript如何实现父组件与子组件的交互，包括父组件如何将方法传递给子组件，以及子组件如何触发调用父组件的方法，详细介绍了index.vue和center.vue两个组件的实现过程。

1、父组件 index.vue

async chosepat(row) { // 双击患者触发
      this.leftChosedRow = row
      await this.getPatientInfoById(row.registrationId) // 获取当前患者信息
      await this.initView(this.currentPatInfo) // 初始化
      this.isChangePatient = !this.isChangePatient
    },

2、子组件 center.vue

<center-new-edit
                ref="sonReportEdit" :is-change-patient="isChangePatient"
                :find-users-by-ids="findUsersByIds"
                :more-options="this.moreOptions" :sys-l