如何隐藏/取消隐藏vuejs中特定组件的路由器链接按钮

const router = new VueRouter({
  routes: [...],
});

router.beforeEach((to, from, next) => {
  // 判断要前往的路由是否是特定组件的路由
  if (to.name === 'SpecificComponent') {
    // 隐藏链接按钮的方法之一是不调用next()，这将阻止导航继续进行
    // 可以通过某个条件判断来决定是否调用next()，比如是否已登录
    if (isAuthenticated()) {
      // 已登录，继续导航
      next();
    } else {
      // 未登录，隐藏链接按钮
      // 也可以在此处做其他处理，比如跳转到登录页
      // 或者使用Vue Router的replace方法替换当前路由为其他路由
    }
  } else {
    // 非特定组件的路由，继续导航
    next();
  }
});

<router-link to="/specific-component">特定组件</router-link>