关于在vue当中，ios手机不显示图片，需要刷新解决问题

出现的bug是，在vue当中使用v-html渲染页面，图片使用了

<div  v-lazy-container="{ selector: 'img' }"><div class="content"   v-html="newsContent" ></div>
</div>

ios手机图片不能正常显示，于是去掉了图片的懒加载，发现运行以后部分ios手机还是不能正常显示，但是刷新后就可以正常显示了，而且再次进入依然可以正常显示

由于在使用this.$router.go(0),以及window.location.reload()都会造成无限刷新的bug

所以就使用了将dom结构先销毁再创建的方法

在每一次数据的调用之前加上以下代码

this.hackReset = false;
this.$nextTick(() => {this.hackReset = true;
});

问题就就解决了。

关于在vue当中，ios手机不显示图片，需要刷新解决问题相关推荐

日期格式转化成时间戳，在IOS手机上显示成NaN
一.场景开发的H5,嵌入第三方app中,在IOS手机上,发现参数atime显示成NaN,在Android手机上是正常的二.实现方式 > var date='2022-10-10 10:10' ...
PHP 使用微信JSSDK 拍照选择图片接口利用localid预览时安卓手机正常显示 iOS手机不显示
最近使用微信JSSDK文档的拍照和相册选择图片接口,通过给img标签设置获取到的localid实现图片预览,安卓手机中可以正常显示,而iOS手机中图片无法正常显示. 图像接口拍照或从手机相册中选图接 ...
vue点击按钮弹窗显示图片
需求是根据当前表格的行数据来获取对应的图片.然后我的行数据里已经有了id值,图片的名称也是id值.所以先通过按钮点击获取对应行的数据.这是写在表格里的按钮. <template slot-sco ...
微信分享连接个别手机、ios转发不显示图片的，缩略图不出来
像上面这种,微信分享后,打开是这样的.显示不了缩略图解决方法: 在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加<img src="htt ...
vue img初始化时不显示图片错误图标
如果vue页面的图片是根据后台来的,就像这样: <img :src="'data:image/png;base64,'+imgs" alt="" /> ...
【手机网页】手机网页显示图片模糊问题
[本文原创,谢绝转载] [总结] 1.手机浏览器,不管是UC.原生浏览器.safari,显示页面都是按照320px的 2.由于现在手机的宽度都大于320px,所以,图片会模糊 3.像苹果的retina ...
ios html5不显示图片,为什么iOS上的Safari不显示我的HTML5视频海报？
我有这个网页: http://healthpad.net/dashboard/ 它具有10< video>元素就可以了. 由于某些原因,当我在iPad上加载页面时,它不显示视频海报. 尝试 ...
图片瀑布流ios中部分显示空白
@ios中的web页面图片布局闪动或者显示空白之类问题的解决方法出现问题的代码(问题现象:ios手机中商品图片只有少部分加载成功其余出现大量空白 ) 现在购买再送 80% .pro_img im ...
关于微信公众号分享在安卓手机不显示分享图片的问题
如果资源服务器是用的https 把https换成http 就可解决安卓手机不显示图片的问题对于整站资源全部是用https的可以用如下代码处理 shareImg.replace(/https/,' ...

关于在vue当中，ios手机不显示图片，需要刷新解决问题

关于在vue当中，ios手机不显示图片，需要刷新解决问题相关推荐

最新文章

热门文章