Vue.js vue路由器上的路由器链接激活主页路由上的所有哈希链接

Vue.js vue路由器上的路由器链接激活主页路由上的所有哈希链接,vue.js,vue-router,Vue.js,Vue Router,我有这个导航,滚动到主页上的一个部分,除了联系路线 因为我的联系人页面不在同一条路径上,所以我不得不使用滚动行为,这样我就可以从联系人转到主页上的某个部分(否则链接就不起作用) 现在我完成了这项工作,我还有一个问题。路由器链接活动类激活主页上具有哈希属性的所有路由 如何绕过这个问题,我已经尝试删除这个类,并在单击时创建自定义活动类,但它仍然不起作用 主页 关于 课程 新闻 企业孵化器 团队 接触 我知道它激活了所有的链接,因为它们都在同一个名字上:“home”,但这是我让scroll工作的唯一

我有这个导航,滚动到主页上的一个部分,除了联系路线

因为我的联系人页面不在同一条路径上,所以我不得不使用滚动行为,这样我就可以从联系人转到主页上的某个部分(否则链接就不起作用)

现在我完成了这项工作,我还有一个问题。路由器链接活动类激活主页上具有哈希属性的所有路由

如何绕过这个问题,我已经尝试删除这个类,并在单击时创建自定义活动类,但它仍然不起作用

  • 主页
  • 关于
  • 课程
  • 新闻
  • 企业孵化器
  • 团队
  • 接触
  • 我知道它激活了所有的链接,因为它们都在同一个名字上:“home”,但这是我让scroll工作的唯一方式。因此,如果有更好、正确的方法,请帮助。谢谢

    编辑:这是滚动行为代码:

    const router=createRouter({
    历史记录:createWebHistory(),
    路线,
    滚动行为:函数(到){
    返回新承诺((解决)=>{
    设置超时(()=>{
    if(to.hash){
    解析({el:to.hash,top:140,行为:'smooth',})
    }否则{
    解析({top:0,行为:'smooth'})
    }
    }, 300)
    })
    }
    });