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

项目中遇到一个问题,使用第三方插件的组件库会导致自己封装的组件库无法通过this.$parent.data获取父组件的数据

在孙组件里使用this. p a r e n t . parent. 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的数据

你可能感兴趣的:(vue2,vue.js,前端,javascript)