vue使用this.$parent.变量名获取父组件的数据得到undefined

最新推荐文章于 2024-08-14 16:24:45 发布

韩大璐

最新推荐文章于 2024-08-14 16:24:45 发布

阅读量8.8k

点赞数 10

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_41257563/article/details/109078403

版权

vue 专栏收录该内容

19 篇文章 2 订阅

订阅专栏

我们知道在子组件中可以通过

this.$parent.数据
this.$parent.方法

主动获取父组件的数据和调用父组件的方法。

但是在工作中，我们经常会遇到使用 this.$parent.数据 获取父组件的数据得到undefined的情况，如下：
父组件ExpansionManager.vue
子组件ExpansionApply.vue
在这里插入图片描述
这种问题往往是由于父组件在调用子组件的时候，在子组件的外层包裹了一层UI组件的某个组件

看下父组件调用子组件的代码：

 <template>
    <Modal
        v-model="applyStatus"
        title="扩容申请"
        width="1200"
        @on-ok="expansionSubmit">
        <ExpansionApply v-if="applyStatus" ref="childApply"></ExpansionApply>
    </Modal>
</template>