从组件B到C的引用访问-Vue

Question

组件结构：

主要组件（包括页脚和导航栏组件）

-Navbar组件

-页脚组件

我已经在页脚组件中设置了一个元素：

<b-nav-item ref="modal" @click="openModal">{{ text }}</b-nav-item>

如何从组件导航栏访问上面的引用？

导航栏的this.$refs.modal中的

mounted()不显示任何内容。这段代码的目的是模拟从导航栏到页脚链接的单击事件，该链接会打开模式。