首页 > 编程知识 正文

微信小程序this指向,小程序真机调试看不到图片

时间:2023-05-04 18:20:32 阅读:41364 作者:1306

图像读取失败。 没有提示。 只是一块空白,用户体验不好。 所以制作并展示默认的提示图像

本打算在src中写两个变量名,在中间写||,但试了一下没有成功。 第一个加载失败,第二个也不会展示

! -错误显示--img src=' { { image1|| image2 } } ' alt=' '后总结了两种方法

将更多图层嵌套在image外部,以便在外部图层上放置背景图像。 如果image加载失败,可以直接显示外部图层的背景图。 view class=' image _ wrapper ' style=' background-image 3360 URL ({ picloadfaile } background-size 3360100 % 100;' ) image src=' { imageurl } } '/image/view tips :如果打算将他放在css文件中,则url需要转码,但这种方法有弊端,因此不建议使用。 我们使用的图像如果是整个图还可以,但是如果遇到部分透明的东西的话就麻烦了。 本来这个背景图就一直存在,有透明的地方就会出现背景图,到时候会觉得很尴尬。 所以我用了第二种方法,用了image拦截发生错误的方法

如果发生错误,请将此图像的url更改为默认图像的url,无论要加载的图像是否是整个图。 wxml

img src=' { imgurl } } ' data-name=' imgurl ' bind error=' setfailimg ' alt=' '.js

setfailimg(e ) let ) name )=e.currenttarget.dataset; let { picload }=this.datathis.setdata ({ [ name ] : picload } }这就可以了

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。