就图里那个，我的后台给前端传了一个叫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无用举报 编辑记录 分享
- 2023-02-01 17:23回答 2 已采纳 输入框绑定一个变量，然后在你的代码中给它赋值不就好了
- 2021-04-03 16:02回答 4 已采纳 var str = "[{id=8089, pointCode='01SJ03PD00101', startValue=1896.574, endValue=7587.635, difValue=5
- 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)
- 2022-03-29 15:44回答 2 已采纳 那只能 以 html字符串形式 然后 v-html 或者给类名 item.title=item.title + '<span style="color:red">（已交由其他人处理）&l
- 2021-07-10 12:18回答 2 已采纳 直接保存到localStorage或者从localStorage获取即可。。有用请点个采纳【右上角】，谢谢~~ 理论和上个示例一样，也是操作localStorage。不过键名称需要另外起一个，要不会和
- 2020-06-03 23:38mizuhokaga的博客 根据后端传的json数组的某一字段来拼接img的src路径,动态的绑定img标签的图片,图片来源本地文件夹,如果直接利用+和{{}}来拼接路径,该路径会被加载器解析成字符串 ↓json格式:根据不同的e_status拼接不同的图片 ↓...
- 2021-12-27 22:05回答 3 已采纳 打印data数据然后控制台展开数据截张图看下，看includes是字符串的方法，属性拼写出错会导致获取不到数据为undefined会出错 searchCourse:(data)=>{ conso
- 2021-12-20 12:37回答 2 已采纳 v-for 需要时是obj.user才行 你是不是 直接 写的哪个对象 你截个图看看
- 2021-02-03 08:48士节的博客 Scoped CSS-深度作用选择器Scoped CSS | Vue Loadervue-loader.vuejs.org当<style>标签有scoped属性时，它的 CSS 只作用于当前组件中的元素。如果希望scoped样式中的一个选择器能够作用得“更深”，可以使用...
- 2021-06-25 11:39兔丁麻麻的博客 在我的vue(2.0)webpack项目中，我配置了vue-html-loader，但在我的.vue文件中，img标签无法加载静态src图像 . 下面是我的webpack配置：module: {loaders: [...{test: /\.html$/,exclude: /node_modules/,loaders: ['...
- 2021-03-22 10:18weixin_39525243的博客 本文地址:http://www.cnblogs.com/veinyin/p/8507403.html 在学习 CSS 时只了解了给固定地址,但是如果给的... img(:src="pictureId ? (downloadUrl + pictureId) : require('defaultPicture.jpg')") END~~~≥ω≤…...
- 2020-11-23 06:59weixin_39934085的博客 前言总结一种比较常见的... 主要是看过vue-element-admin后对前端权限设计的一些总结完整demo地址主要知识点vuevue-routervuexvue-cli基本项目项目结构 使用vue-cli生成项目目录结构├─public │ favicon.ico │...
- 没有解决我的问题, 去提问
问题事件
系统已结题
3月24日
已采纳回答
3月16日-
修改了问题
3月16日
-
创建了问题
3月16日
悬赏问题
- ¥30 matlab appdesigner私有函数嵌套整合
- ¥15 给我一个openharmony跑通webrtc实现视频会议的简单demo项目，sdk为12
- ¥15 vb6.0使用jmail接收smtp邮件并另存附件到D盘
- ¥30 vb net 使用 sendMessage 如何输入鼠标坐标
- ¥15 关于freesurfer使用freeview可视化的问题
- ¥100 谁能在荣耀自带系统MagicOS版本下，隐藏手机桌面图标？
- ¥15 求SC-LIWC词典！
- ¥20 有关esp8266连接阿里云
- ¥15 C# 调用Bartender打印机打印
- ¥15 我这个代码哪里有问题 acm 平台上显示错误 90%，我自己运行好像没什么问题