vue爬坑记录:禁止微信浏览器下拉出现“本网页由xxx提供”

很烦人的提示,特别是当前页面需要滚动的时候! 上滑正常,下滑的时候很容易就会出现这个提示,严重影响使用体验。
解决方案:
1、外层html、body等设为不可滚动,ps:#app为vue项目基础DOM;.wx-pages为App.vue内部路由

// 可以在写在reset里面
html, body, #app, .wx-pages {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

2、在public/index.html里移除touchmove事件
vue爬坑记录:禁止微信浏览器下拉出现“本网页由xxx提供”_第1张图片


3、需要滚动的页面或者组件,可以自己写一个scroll组件,或者直接使用 better-scroll

你可能感兴趣的:(vue,微信公众号开发,vue.js,微信,前端)