vue移动端分享图片,长按出不来发送给朋友

最近做的项目里边有一个功能是点击分享生成一个图片然后图片可以分享给好友;
vue我用html2canvas、jspdf生成了图片然后在微信打开页面的时候只能显示(存储图像、拷贝、取消)如下图vue移动端分享图片,长按出不来发送给朋友_第1张图片
后来写了好几个单页面来检测是否是遮罩层、生成的图片以及页面排版问题。
最后发现是vue有路由历史存储,这样的话会在微信内部产生一个自带的前进后退横栏如下图所示
如果有历史记录的话这个前进后退按钮是必会出现的,如果不想去改自己的路由那就跳转当前页面的时候该用**window.location.replace(url)**的方法来写;
最后再进行测试的时候发送给朋友就出来啦
vue移动端分享图片,长按出不来发送给朋友_第2张图片
注:这是我在别的网址看到的一个最直观最简单的方法,如果有时间可以搞一搞路由
原网址:IOS下的微信H5页面的底部前进后退横栏如何隐藏或者解决?

你可能感兴趣的:(vue移动端分享图片,长按出不来发送给朋友)