Vue.js vue v-on:在路由器链接中单击.native事件

我有如下路由器链接，我需要在点击路由器链接时执行特定操作。因此，我在路由器链接中添加了@click.native事件。但是，单击本机事件最终被调用，也就是说，只有在所有组件加载到屏幕上之后才调用它

我需要在路由器视图中呈现组件之前调用“sideBarClicked（）”函数。“v形图标”中的单击事件在组件加载到屏幕中之前正常工作

 <router-link
    v-for="item in topNavItems"
    :to="{ path: item.url }"
    @click.native="sideBarClicked()"
  >
    <v-icon size="18" @click="sideBarClicked" v-if="item.customicon"
      >${{ item.customicon }}</v-icon
    >
    <v-icon size="18" @click="sideBarClicked" v-else>{{
      item.icon
    }}</v-icon>
  </router-link>

${{item.customicon}
{{
item.icon
}}