vue的孙组件获取祖组件数据的方法（this.$parent）

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

1
2
3
4
5
6
7
8
9

//在LocationModule组件中
//如果使用this.$praent.data获取到的数据是第三方框架封装的组件数据，并不是#detail的数据
//此时使用
this.$parent.$parent.data//即可获取到#detail的数据

1
2
3
4
5