项目中遇到一个问题,使用第三方插件的组件库会导致自己封装的组件库无法通过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的数据
Logo

前往低代码交流专区

更多推荐