解决背景图因为图片路径中携带括号导致图片无法显示的问题

苏世-顾长歌2024-11-16 9:14

本人是在uniapp中写微信小程序 遇到了这个问题，调用后端接口传来的数据，发现有些背景图能正常显示，但有些不能，最后发现问题是因为路径地址携带了()的原因
如下：

注：该地址无法正常访问，放在这只是做个样式

javascript 复制代码

background-image:url("http://www.c.cn:81/scx20326/2009160703(00084).jpg");

解决办法：

javascript 复制代码

:style="{ backgroundImage: 'url(' + el.imagepath + ')' }"

将上述代码替换成下面这段

javascript 复制代码

:style="{ backgroundImage: `url(${JSON.stringify(el.imagepath)})` }"