从组件b访问ref到c-vue

组件结构:

主组件(包括页脚和导航栏组件)

--导航栏组件

--页脚组件

我在页脚组件中设置了一个元素:

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

如何从组件导航栏访问上面的ref?

this.$refs.modal 在导航栏里 mounted() 什么也没有。此代码的目的是模拟从导航栏到页脚链接(打开模式)的单击事件。