Next.js -使用router.push()时禁用跳转到锚点

Next.js 是一个基于 React 的轻量级框架，用于构建服务器渲染的 React 应用程序。它提供了一种简单且强大的方式来创建具有优化性能和开发体验的现代应用程序。

在 Next.js 中，使用 router.push() 方法可以实现页面之间的跳转。然而，有时候我们可能希望禁用跳转到锚点的功能。

禁用跳转到锚点可以通过在 router.push() 方法中传递一个配置对象来实现。具体来说，可以使用 scroll 属性来控制是否滚动到锚点位置。如果将 scroll 属性设置为 false，则跳转时不会滚动到锚点位置。

以下是一个示例代码：

import { useRouter } from 'next/router';

function MyComponent() {
  const router = useRouter();

  const handleClick = () => {
    router.push('/my-page', undefined, { scroll: false });
  };

  return (
    <button onClick={handleClick}>跳转到我的页面</button>
  );
}

在上述示例中，当点击按钮时，会调用 handleClick 函数，该函数使用 router.push() 方法跳转到 /my-page 页面，并且禁用了滚动到锚点的功能。

推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云云函数（SCF）。

• 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序和工作负载。
• 腾讯云云函数（SCF）：无服务器计算服务，可帮助您构建和运行无需管理服务器的应用程序。

请注意，以上推荐的腾讯云产品仅供参考，您可以根据实际需求选择适合的产品。