nuxt项目在组件中使用addEventListener开发环境生效,线上必须要每次刷新才有效?

作者站长头像
站长
· 阅读数 12

如题,我用nuxt框架写的移动端的h5页面,这个项目我是用的nuxt的静态部署,也就是执行npm run generate生成一个静态文件夹,其中有个页面需要局部滚动,类似这样:nuxt项目在组件中使用addEventListener开发环境生效,线上必须要每次刷新才有效?

在pc端这块儿是可以滚动的,但是移动端就滚动不了,在网上搜到解决方法:nuxt项目在组件中使用addEventListener开发环境生效,线上必须要每次刷新才有效?

这块儿代码我是加在组件的mounted函数中,不是页面的mounted函数中。我在开发环境测试的时候,移动端也是可以正常滚动,但是当我部署到服务器上之后,移动端必须要每次都刷新才能滚动,我当时怀疑是缓存的原因,但我改其他的东西都是只需要刷新一次就可以正常运行了,所以应该可以排除缓存原因,有熟悉nuxt的大神可以帮我分析下这是什么原因吗?感谢感谢!

回复
1个回答
avatar
test
2024-07-11

尝试看看在当前页面修改其他的内容,首次进入的时候是否会生效?确实有可能是缓存的问题。如果刷新后可以正常执行的话。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容