vue的孙组件获取祖组件数据的方法
项目中遇到一个问题,使用第三方插件的组件库会导致自己封装的组件库无法通过this.$parent.data获取父组件的数据(严格意义上讲这个父组件应该是祖级组件)在无意尝试中发现使用在孙组件里使用this.$parent.$parent.data即可获取到祖级数据。<template><div id='detail'><!-- 第三方框架封装的组件 ...
·
项目中遇到一个问题,使用第三方插件的组件库会导致自己封装的组件库无法通过this.$parent.data
获取父组件的数据(严格意义上讲这个父组件应该是祖级组件)
在无意尝试中发现使用在孙组件里使用this.$parent.$parent.data
即可获取到祖级数据。
<template>
<div id='detail'>
<!-- 第三方框架封装的组件 -->
<van-popup v-model="showDialog" :show="false" @click-overlay="overPopup">
<LocationModule></LocationModule><!-- 自己封装的组件 -->
</van-popup>
</div>
</template>
//在LocationModule组件中
//如果使用this.$praent.data获取到的数据是第三方框架封装的组件数据,并不是#detail的数据
//此时使用
this.$parent.$parent.data//即可获取到#detail的数据
更多推荐
已为社区贡献3条内容
所有评论(0)