就图里那个，我的后台给前端传了一个叫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拼接不同的图片 ↓...
- 2021-07-10 11:13回答 3 已采纳 看你代码已经保存到localStorage中了，直接保存到localStorage或者从localStorage获取即可。。有用请点个采纳【右上角】，谢谢~~ 效果如下 var provi
- 2022-03-29 15:44回答 2 已采纳 那只能 以 html字符串形式 然后 v-html 或者给类名 item.title=item.title + '<span style="color:red">（已交由其他人处理）&l
- 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: ['...
- 2022-09-02 18:47w-somebody的博客 vue-json-editor
- 2019-04-26 15:00ly2230976595的博客 vue显示多张图片-接收后端数据 后端返回字段如下 可以看见，每张图片的相对路径我用逗号拼接。 前端接收主要代码 <ul style="padding: 3px">...img v-for="item in imgurls" :src="require(`../../../image...
- 2021-03-22 10:18weixin_39525243的博客 本文地址:http://www.cnblogs.com/veinyin/p/8507403.html 在学习 CSS 时只了解了给固定地址,但是如果给的... img(:src="pictureId ? (downloadUrl + pictureId) : require('defaultPicture.jpg')") END~~~≥ω≤…...
- 没有解决我的问题, 去提问
问题事件
系统已结题 3月24日
已采纳回答 3月16日
悬赏问题
- ¥15 eclipse无法正常运行
- ¥15 定义了函数，但是无法根据函数定义触发器
- ¥20 5变量卡诺图化简得出与非门电路图
- ¥20 位置依赖的碱基序列独热编码
- ¥15 Python爬取交通拥堵指数数据
- ¥15 使用vba抓取重定向网页问题
- ¥20 付费需求测试程序（细谈）。
- ¥15 为什么这段c++代码会报这么多语法错误？
- ¥20 如何利用C语言实现用最小二乘法选配两个经验公式
- ¥50 vue-codemirror如何对指定行 指定位置的 字符进行背景颜色或者字体颜色的修改？