就图里那个，我的后台给前端传了一个叫user的json对象，user里有一个img的属性是图片文件名。我想把这个user.img拼到img的src里要这么拼呀？
怎么把后台传来的json字符串，用vue拼到img的src里
就图里那个，我的后台给前端传了一个叫user的json对象，user里有一个img的属性是图片文件名。我想把这个user.img拼到img的src里要这么拼呀？
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
CSDN专家-天际的海浪 2022-03-16 22:47关注用
<img :src="user.img" alt="" />即可
注意src前要加:
如果文件名前面要加油目录是<img :src="'images/'+user.img" alt="" />如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 2无用举报 编辑记录 分享
- 2022-03-16 22:24回答 2 已采纳 用<img :src="user.img" alt="" />即可注意src前要加:如果文件名前面要加油目录是<img :src="'images/'+user.img" alt="
- 2023-02-01 17:23回答 2 已采纳 输入框绑定一个变量，然后在你的代码中给它赋值不就好了
- 2022-01-20 18:25回答 4 已采纳 这样去写！ getAllInfo() { const url = 'http://localhost:9525/getDevice' this.$http.get(url)
- 2021-12-15 10:48陳 那个陈的博客 在渲染数据的时候，后端接口返回了一段字符串，要处理后在页面进行展示 页面处理返回的数据，json.parse方法 //静态页面 <div class="pic"> <img :src="getImages(ite.picture)" /> </div&...
- 2022-07-27 11:17回答 2 已采纳 let array= ["1","2","3"]; let newArr = array.map(item => Number(item)) console.log(newArr)
- 2021-04-03 16:02回答 4 已采纳 var str = "[{id=8089, pointCode='01SJ03PD00101', startValue=1896.574, endValue=7587.635, difValue=5
- 2022-03-29 15:44回答 2 已采纳 那只能 以 html字符串形式 然后 v-html 或者给类名 item.title=item.title + '<span style="color:red">（已交由其他人处理）&l
- 2020-06-03 23:38mizuhokaga的博客 根据后端传的json数组的某一字段来拼接img的src路径,动态的绑定img标签的图片,图片来源本地文件夹,如果直接利用+和{{}}来拼接路径,该路径会被加载器解析成字符串 ↓json格式:根据不同的e_status拼接不同的图片 ↓...
- 2021-12-20 12:37回答 2 已采纳 v-for 需要时是obj.user才行 你是不是 直接 写的哪个对象 你截个图看看
- 2021-07-10 12:18回答 2 已采纳 直接保存到localStorage或者从localStorage获取即可。。有用请点个采纳【右上角】，谢谢~~ 理论和上个示例一样，也是操作localStorage。不过键名称需要另外起一个，要不会和
- 2021-10-21 10:30回答 4 已采纳 哈喽，应该用v-html，有用请点采纳哦
- 2021-06-25 11:39兔丁麻麻的博客 在我的vue(2.0)webpack项目中，我配置了vue-html-loader，但在我的.vue文件中，img标签无法加载静态src图像 . 下面是我的webpack配置：module: {loaders: [...{test: /\.html$/,exclude: /node_modules/,loaders: ['...
- 2024-04-20 10:322401_84097696的博客 一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是...
- 2021-03-22 10:18weixin_39525243的博客 本文地址:http://www.cnblogs.com/veinyin/p/8507403.html 在学习 CSS 时只了解了给固定地址,但是如果给的... img(:src="pictureId ? (downloadUrl + pictureId) : require('defaultPicture.jpg')") END~~~≥ω≤…...
- 2019-04-26 15:00ly2230976595的博客 vue显示多张图片-接收后端数据 后端返回字段如下 可以看见，每张图片的相对路径我用逗号拼接。 前端接收主要代码 <ul style="padding: 3px">...img v-for="item in imgurls" :src="require(`../../../image...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月24日
已采纳回答
3月16日-
修改了问题
3月16日
-
创建了问题
3月16日
悬赏问题
- ¥15 metadata提取的PDF元数据，如何转换为一个Excel
- ¥15 关于arduino编程toCharArray()函数的使用
- ¥100 vc++混合CEF采用CLR方式编译报错
- ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
- ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
- ¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
- ¥50 如何openEuler 22.03上安装配置drbd
- ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
- ¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
- ¥15 Windows11, backspace, enter, space键失灵