vue.js - Vuejs图像src动态加载不起作用
问题描述
我刚开始使用 Vue.js 和 Vue CLI,我遇到了一个问题,我不明白为什么我不能从范围内动态设置图像,但我可以直接在 HTML obj.img 中编写它也是一个有@/assets/logo.png
值的字符串。我在伪造 ajax 调用时超时,但浏览器无法正确解析图像的路由。
<div slot="media">
<img :src="obj.img"> <!-- http://localhost:8080/@/assets/logo.png -->
<img src="@/assets/logo.png"> <!-- http://localhost:8080/img/logo.82b9c7a5.png -->
</div>
另外,为什么路线不一样?有任何想法吗?
解决方案
所以真正的解决办法是:
:src="getImage(obj.img)"
getImage(path) {
return require(path)
}
推荐阅读
- sql - ORACLE SQL:使用嵌套条件添加数据
- python - 收到错误 OpenCV(3.4.1) C:\projects\opencv-python\opencv\modules\imgproc\src\thresh.cpp:1406: error: (-215)
- angular - Angular 4:默认单选按钮未被选中
- python - 尝试将 Python 2.7 脚本移植到 Python 3.6(队列模块...)时出现“模块不可调用”错误?
- watson-studio - 在 Watson Studio 上安装 zbar 失败
- angular - Angular 6:找不到本地工作区文件('angular.json')
- c# - 如何在链表上使用静态计时器?
- c# - MySQL 与实体框架 6
- hadoop - 在少数情况下,Hive 插入覆盖会截断表
- c++ - 临时引用 C++11 上的远程循环基础