1.后端传给前端的url里面有空格导致无法渲染。使用正则表达式。
动态div加背景图片。使用正则表达式把空格替换为20%。因为url会把地址中的空格转换成%20,这是url编码的表示方式,对于每个字节,可以用%后面跟ASCII码的两位十六进制值表示,根据URL的编码:空格的ASCII码是20,%表示采用ASCII码,%20就表示这是一个空格了。
<div class="i-col2" :style="{backgroundImage: 'url('+item.thumbUrl.replace(/\s+/g, '%20')+')'}"></div>