使用文件加载器在Vue中有条件地渲染图像

时间:2019-04-06 06:58:02

标签: image vue.js

我正在使用Webpack编译我的Vue生产捆绑包,它可以正确加载我的图像,因为它们是在组件中使用<img>标签定义的。我想加载其他图像并根据条件显示它。由于图像最初不是在<img>标签中设置的,因此Webpack不会使用文件加载器加载图像。当我打电话时:

event.currentTarget.children[2].innerHTML = "<img src='../assets/imgs/heart.png' />"

这不起作用,因为文件加载程序从未处理heart.png,而我以前的图像却没有。关于如何强制Webpack处理该图像而不在HTML我的组件中定义它的任何想法。我的其他图片(可以正常工作)如下所示:<img src="data:image/png;base64,iVBORw0KGgo...==">我理解为什么我的图片没有加载(它是在字符串中定义的),请问有什么建议吗?

0 个答案:

没有答案