问题描述:
vue页面包含有轮播图、tab切换。轮播图的图片接口返回的是blob类型数据,js里也将blob处理成url地址赋值给图片的src了,但是首页就是不显示图片,此时触发tab切换时,轮播图的图片立马显示。tab切换与轮播图是不同的div
猜测原因:
tab切换绑定了v-if,猜测v-if影响blob的url渲染
解决代码:


结果:
加上v-if之后,图片立马加载出来
本文探讨了一个Vue页面中轮播图显示Blob类型图片的问题,当图片URL由Blob处理并赋值给src时,首页不显示图片。但触发tab切换,图片立即显示。作者推测可能是v-if指令影响了图片渲染,并通过在轮播图组件上添加v-if解决了问题。此问题涉及到Vue渲染机制和前端图片处理。
vue页面包含有轮播图、tab切换。轮播图的图片接口返回的是blob类型数据,js里也将blob处理成url地址赋值给图片的src了,但是首页就是不显示图片,此时触发tab切换时,轮播图的图片立马显示。tab切换与轮播图是不同的div
tab切换绑定了v-if,猜测v-if影响blob的url渲染


加上v-if之后,图片立马加载出来
1万+
368
288

被折叠的 条评论
为什么被折叠?