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

本人是在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)})` }"
相关推荐
盛夏绽放2 小时前
关于 uni-app 与原生微信小程序中的生命周期 —— 一次“生命旅程”的解读
微信小程序·小程序·uni-app
流水线上的指令侠3 小时前
使用C#写微信小程序后端——电商微信小程序
微信小程序·小程序·c#·visual studio
知识分享小能手3 小时前
uni-app 入门学习教程,从入门到精通,uni-app 基础知识详解 (2)
前端·javascript·windows·学习·微信小程序·小程序·uni-app
小岛前端6 小时前
🔥Vue3 移动端组件精选!满足各种场景!
前端·vue.js·微信小程序
從南走到北9 小时前
JAVA代泊车接机送机服务代客泊车系统源码支持小程序+APP+H5
java·开发语言·微信小程序·小程序
木易 士心15 小时前
组织架构树形选择组件使用说明(Vue3 + UniApp)
微信小程序·钉钉·notepad++
软件技术员16 小时前
微信小程序电子测宅堪墓风水罗盘
微信小程序·小程序
Q_Q51100828517 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
努力就够了21 小时前
微信小程序:日常零售供应系统
微信小程序·erp·接单·零售系统
peachSoda71 天前
封装一个不同跳转方式的通用方法(跳转外部链接,跳转其他小程序,跳转半屏小程序)
前端·javascript·微信小程序·小程序