就图里那个，我的后台给前端传了一个叫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-12-20 12:37回答 2 已采纳 v-for 需要时是obj.user才行 你是不是 直接 写的哪个对象 你截个图看看
- 2021-04-03 16:02回答 4 已采纳 var str = "[{id=8089, pointCode='01SJ03PD00101', startValue=1896.574, endValue=7587.635, difValue=5
- 2020-06-03 23:38mizuhokaga的博客 根据后端传的json数组的某一字段来拼接img的src路径,动态的绑定img标签的图片,图片来源本地文件夹,如果直接利用+和{{}}来拼接路径,该路径会被加载器解析成字符串 ↓json格式:根据不同的e_status拼接不同的图片 ↓...
- 2022-03-29 15:44回答 2 已采纳 那只能 以 html字符串形式 然后 v-html 或者给类名 item.title=item.title + '<span style="color:red">（已交由其他人处理）&l
- 2021-07-10 11:13回答 3 已采纳 看你代码已经保存到localStorage中了，直接保存到localStorage或者从localStorage获取即可。。有用请点个采纳【右上角】，谢谢~~ 效果如下 var provi
- 2021-10-21 10:30回答 4 已采纳 哈喽，应该用v-html，有用请点采纳哦
- 2021-03-22 10:18weixin_39525243的博客 本文地址:http://www.cnblogs.com/veinyin/p/8507403.html 在学习 CSS 时只了解了给固定地址,但是如果给的... img(:src="pictureId ? (downloadUrl + pictureId) : require('defaultPicture.jpg')") END~~~≥ω≤…...
- 2022-09-02 18:47w-somebody的博客 vue-json-editor
- 2021-06-25 11:39兔丁麻麻的博客 在我的vue(2.0)webpack项目中，我配置了vue-html-loader，但在我的.vue文件中，img标签无法加载静态src图像 . 下面是我的webpack配置：module: {loaders: [...{test: /\.html$/,exclude: /node_modules/,loaders: ['...
- 2022-06-16 14:11遥 寄的博客 需求：为了项目数据的可移植性，决定以json文件的方式进行数据移植。对于单个数据项，可能涉及其关联的一系列数据，如根据数据项的id查询出相关联的子项数据，故导出的话希望以单数据项单json文件的方式。但为了方便...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月24日
已采纳回答
3月16日-
修改了问题
3月16日
-
创建了问题
3月16日
悬赏问题
- ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像，如何解决？
- ¥15 求daily translation（DT）偏差订正方法的代码
- ¥15 js调用html页面需要隐藏某个按钮
- ¥15 ads仿真结果在圆图上是怎么读数的
- ¥20 Cotex M3的调试和程序执行方式是什么样的？
- ¥20 java项目连接sqlserver时报ssl相关错误
- ¥15 一道python难题3
- ¥15 牛顿斯科特系数表表示
- ¥15 arduino 步进电机
- ¥20 程序进入HardFault_Handler