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)
})
}
});