vue加载img 出错

如此美丽的你 2019-08-13 06:57:57
插入图片的是这么写的

<img :src="item.image" style="width:100%;height:100%" />

效果如下:


在插入图片的地方吧图片路径打出来,路径是获取到了

{{item.image}}



我怀疑路劲有问题随便复制个试试,发现路径没问题

<img src="../../../assets/computer/13.jpg" style="width:100%;height:100%" />




搞不懂 来大佬看看
...全文
289 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
前端小黑 2019-08-15
  • 打赏
  • 举报
回复
用require()包起来?
如此美丽的你 2019-08-13
  • 打赏
  • 举报
回复
引用 2 楼 筱晗哥 的回复:
可以用es6的方法,把数据存储为js文件然后export出去便可。要记住的是,此方法对于src目录下而言才是管用的。这里所谓的src是指要通过webpack打包的那个根目录。用这种方法实现,开发环境和生产环境打包都可以很好配置。 如果我们把静态图片资源存放在和src平级的目录(比如叫static)下,即不存放在webpack要打包的范围内,那么直接引入图片路径无需用import或require包装,这也是ok的


怎么解决 同一路由跳转只有参数变化的情况下,组件不刷新的问题
筱晗哥 2019-08-13
  • 打赏
  • 举报
回复
可以用es6的方法,把数据存储为js文件然后export出去便可。要记住的是,此方法对于src目录下而言才是管用的。这里所谓的src是指要通过webpack打包的那个根目录。用这种方法实现,开发环境和生产环境打包都可以很好配置。 如果我们把静态图片资源存放在和src平级的目录(比如叫static)下,即不存放在webpack要打包的范围内,那么直接引入图片路径无需用import或require包装,这也是ok的

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧