Я использую 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...=="> Я понимаю, почему мое изображение не загружается (оно определено в строке), купить какие-либо предложения?