为什么使用变量图片就加载失败;
直接写在 src 中图片就加载成功?
如果使用变量,就需要在script import
<script>
import logo from "@/assets/images/logo.png"
export default {
data() {
this.logo = logo
}
}
</script>
这样才可以正确载入
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
怎么调整楼上都说了,简单说下为什么吧
你要理解你的 template 最终都会经过编译打包输出
直接写在 src 里编译阶段会识别 '@/assets/images/logo.png' 按照 webpack 配置,小图片会转成 base64,大图片就会转换为类似 /dist/img/logo.png
但是你直接写在字符串变量里,编译阶段不会处理字符串变量,然后原样输出,最终打包目录里是找不到 '@/assets/images/logo.png' 这个文文件