uniapp中image组件爬坑：如果src中含有反斜杠“\”会引起各种问题

两个“\”转义vue中的image如下<image :src="paidImgUrl" mode=""></image>paidImgUrl的值如下paidImgUrl:"http://wjyz.hebau.edu.cn/YZCS/upload\\img\\fkjt\\146\\2.jpg",页面渲染以后实际地址是能拿到图的，但是在页面上面没有显示，他去获取的...

Gabriel_wei

3346人浏览 · 2020-03-07 00:13:25

Gabriel_wei · 2020-03-07 00:13:25 发布

两个“\”转义

vue中的image如下
<image :src="paidImgUrl" mode=""></image>

paidImgUrl的值如下
paidImgUrl:"http://wjyz.hebau.edu.cn/YZCS/upload\\img\\fkjt\\146\\2.jpg",

页面渲染以后
在这里插入图片描述
实际地址是能拿到图的，但是在页面上面没有显示，他去获取的时候是这样的

里面的\被当成转义符了，不知道为什么，但是用chrome控制台审核元素的时候，确实能拿到。

解决

改用原生的img

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^