Nuxt.js点击按钮跨组件滚动到指定ID元素如何实现？

架构老林

2026-10-4

Nuxt点击按钮触发自定义滚动行为的goto方法实现

你配置的router.scrollBehavior.js会在路由导航（包含同页hash变更）时自动触发，不需要手动调用该文件的内置逻辑，仅需要在goto方法中触发带目标元素锚点的同页路由跳转即可。

组合式API写法（

相关产品推荐

方舟 Agent Plan

超全模态模型 × Harness 升级，最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分)，限时 9.9 元起

火山引擎最新活动

模型再升级,30秒超长叙事, 模态参考扩容

模型自由，工具不限，最新支持 Deepseek-V4 系列、GLM-5.3 系列

超全模态模型 × Harness 升级，最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列

大模型19元起，Al应用9.9元畅享，新人首购爆款尽享优惠