next.js 如何在下一个js 13应用程序目录中显示每次路由更改的顶部加载栏?

lztngnrs  于 11个月前  发布在  其他
关注(0)|答案(1)|浏览(81)

我想在页面顶部显示顶部加载栏或微调,当我尝试在Next.js 13(或14)改变页面.当我改变页面,有没有改变路线的信号?我怎么能做到这一点.此外,我使用了一个包,但它只显示加载时,我使用链接组件,而不是当我使用路由器.push()从下一个/导航.

acruukt9

acruukt91#

useEffect(() => {
    router.events.on('routeChangeStart', (url) => {
      console.log("handle showing a loading");
    });

    router.events.on('routeChangeComplete', (url) => {
      console.log("handle hiding loading");
    });

    router.events.on('routeChangeError', (url) => {
      console.log("handle hiding loading");
    });

  }, []);

字符串

相关问题