就图里那个，我的后台给前端传了一个叫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: ['...
- 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日
悬赏问题
- ¥20 机器学习能否像多层线性模型一样处理嵌套数据
- ¥20 西门子S7-Graph,S7-300，梯形图
- ¥50 用易语言http 访问不了网页
- ¥50 safari浏览器fetch提交数据后数据丢失问题
- ¥15 matlab不知道怎么改，求解答！！
- ¥15 永磁直线电机的电流环pi调不出来
- ¥15 用stata实现聚类的代码
- ¥15 请问paddlehub能支持移动端开发吗？在Android studio上该如何部署？
- ¥20 docker里部署springboot项目，访问不到扬声器
- ¥15 netty整合springboot之后自动重连失效