如何在子组件中调用爷爷组件中的方法？

Question

主页面使用的是<el-submenu></el-submenu>来做左侧导航菜单和<component>来调用子组件页面A。
A子组件中的<el-dialog>组件A1中有一个按钮，点击后希望跳转到其他子组件B上去

现在我在A1上可以调用到A的方法，但是调用不到主页面的方法，所以无法修改<el-submenu>的选中状态。
是我思路有问题还是我调用方法有误？
A1：

A：能进来，但是调用不了父组件的任何变量和方法了：

主页面的组件调用：

主页面左侧菜单：

主页面左侧选中回调方法：

总之一句话：我想在A1里能够进入handleselect方法里，有办法吗各位？
菜狗在线卑微求解。。。

Answer 1

Answer 2

其实就是跨组件通信问题：
方法一：
逐层emit通知父级
方法二：
提取数据及逻辑到vuex
方法三：
eventbus

当然像题主这样直接访问内部属性【$parent】也是可以，但是很不推荐，因为这样有很强的耦合关系

Answer 3

我一下看懵了，你照着我的套着看看

子调父：

    this.$emit('AAA')

父页面：

    <component @AAA="BBB"></component>

父页面方法：

BBB() {
      //你的方法内容
},