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

本人是在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)})` }"
相关推荐
微擎应用市场15 小时前
多功能预约公众号管理系统介绍
微信小程序·小程序
小皮虾16 小时前
小程序全局状态还能这么简单?只需初始化一次,页面自动同步
前端·javascript·微信小程序
andrsted17 小时前
练题簿助学教学:在线刷题、随堂考试,让一门课拥有自己的题库
学习·微信小程序·小程序·学习方法·刷题
李洋-蛟龙腾飞公司1 天前
微信小程序商城迁移鸿元服务实战
微信小程序·小程序
无限聚核1 天前
抖音 certificate.prepare 之后怎么验券?和美团 msconsume 差在哪,无限聚核
前端·微信小程序
拖孩2 天前
# AI 帮我写的小程序,上线不到一个月流量主突然爆了
前端·后端·微信小程序
IT_陈寒2 天前
微信小程序:题上岸
微信小程序
一木 之林2 天前
微信小程序开发全攻略·文章版|00 总览:74集学习路径与知识地图
人工智能·学习·计算机视觉·微信小程序·小程序
一木 之林3 天前
微信小程序开发全攻略·文章版|01 入门与环境搭建
人工智能·学习·计算机视觉·微信小程序·notepad++