社区
其他
帖子详情
vue中如何使用v-for给src赋值变量路径
JesusAllen30
2017-03-28 02:55:43
如何将items中src赋值给上面的img中？
上面的写法报404错误
...全文
2562
1
打赏
收藏
vue中如何使用v-for给src赋值变量路径
如何将items中src赋值给上面的img中？ 上面的写法报404错误
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
miguo4
2018-03-02
打赏
举报
回复
你的思路没有没问题！
你加载本地的路径不对！
Vue
项目
中
v-bind动态绑定
src
路径
不成功问题及解决
当动态绑定img的
src
的时候，
vue
数据绑定图片的相对
路径
或者是绝对
路径
的时候，需要require
路径
。
动态给img的
src
属性
赋值
&
Vue
中
通过document的getElementById()获取为空&
Vue
输入框
中
使用
v-model导致number类型值自动转换成string
动态给img的
src
赋值
&
Vue
中
通过document的getElementById()(在
使用
canvas是用到)
vue
中
img的
src
动态
赋值
（require方法）
【代码】
vue
中
img的
src
动态
赋值
（require方法）
vue
动态获取的图片
路径
不显示_
Vue
中
img的
src
是动态渲染时不显示的解决
Vue
中
img的
src
是动态渲染时不显示的解决今天在项目
中
遇到一个需求，设计稿如下就是展示用户头像，数据从后端获取，要是没有拿到则显示默认图片。项目采用
vue
开发，本人也是第一次在实际项目
中
使用
vue
。自然而然采用条件渲染，我的代码如下：保存运行查看，发现没显示默认的图片，审查元素发现图片没有被打包有点懵~后来查阅资料发现图片
使用
require引入即可，更改后代码为：搞定~以上这篇
Vue
中
img的...
vue
获取img下的内容_
vue
中
img
src
动态加载本地json的图片
路径
写法
目录：注意：本地json文件和json文件里的图片地址都必须写在static 静态文件夹里；否则json文件里的url地址找不到。major_info.json文件里的图片
路径
写法页面通过v-bind的方式加载：PS：
vue
中
图片
src
路径
赋值
vue
中
引入static文件夹
中
图片，本以为
src
中
直接写入图片所在
路径
即可，结果发现图片无法显示，控制台报404错误，图片无法找到。网上找到解决方案，在此...
其他
10,611
社区成员
29,027
社区内容
发帖
与我相关
我的任务
其他
Web 开发 其他
复制链接
扫一扫
分享
社区描述
Web 开发 其他
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章
发帖
与我相关
我的任务
分享
