vue-zone / vue3-vant-mobile

An mobile web apps template based on the Vue 3 ecosystem。一个基于 Vue 3 生态系统的移动 web 应用模板,帮助你快速完成业务开发。

Home Page:https://vue3-vant-mobile.netlify.app

Repository from Github https://github.comvue-zone/vue3-vant-mobileRepository from Github https://github.comvue-zone/vue3-vant-mobile

列表,vite ,pnpm dev 时,编辑代码保存,触发触底加载。会一直触底加载

PdxLook opened this issue · comments

Image

Image

在编辑器中修改代码后,就出现这种一直触底加载,要加载到最后一页。

手动刷新页面后,此问题消失。

官方demo,可复现此问题。

我本地 dev 也复现了 生产环境不影响
可以去 vant 提个 issues 试试

@ljt990218 不是vant 问题,单独起项目配置vant 正常

@ljt990218 不是vant 问题,单独起项目配置vant 正常

src/styles/app.less 文件里的 overflow-x: hidden; 注释掉 能解决问题

#app {
  height: 100%;
  position: relative;
  // overflow-x: hidden;
}

最终,去掉了这个样式,这还有助于发现布局中的潜在问题。

src/styles/app.less 文件里的 overflow-x: hidden; 注释掉 能解决问题

#app {
  height: 100%;
  position: relative;
  // overflow-x: hidden;
}

Image

这里贴一下这个问题的有关细节。谢谢各位!