问Vuejs镜像源动态加载不起作用
EN

Stack Overflow用户

提问于 2018-10-10 22:31:44

回答 1查看 9.9K关注 0票数 3

我刚开始使用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>

另外，为什么路由不同？有什么想法吗？

vue.js

vue-cli-3

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-10 22:39:22

因此，真正的解决方法是：

:src="getImage(obj.img)"

getImage(path) {
  return require(path)
}

你可以阅读更多关于它的in this response from Evan, the creator of Vue

票数 5

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/52749656

复制

相似问题

问Vuejs镜像源动态加载不起作用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vuejs镜像源动态加载不起作用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Vuejs镜像源动态加载不起作用
EN