【Nuxt】Nuxt3 中监听 document 滚动报错 document is not defined

努力挣钱的小鑫

于 2024-02-23 18:16:05 发布

阅读量585

点赞数 3

分类专栏： Vue.js 文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/IAIPython/article/details/136261796

版权

本文介绍了如何在JavaScript中使用`process.client`判断来控制在客户端渲染时，当页面滚动到一定位置时显示或隐藏链接按钮。通过`_.throttle`函数实现性能优化的滚动事件监听。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

添加 process.client 用于判断

// process.client 用于判断是否在客户端渲染
if (process.client) {
   
  _.throttle(() => {
   
    document.addEventListener('scroll', (