Как быстро загрузить картинки во Vue?

Question

[konstantin_a]

Здравствуйте
Делаю компонент на vue js
Необходимо загрузить картинки и указать путь в виде переменой

<object type="image/svg+xml" v-bind:data="require(downloadBtnIcon)">
 </object>

все работает картинки загружаются, но происходит это очень медленно(хотя размер картинок маленький)?

можно ли ускорить загрузку картинок?

з.ы.

для сборки проекта используется webpack, и видимо для загрузки картинок используется fileloader

Comments

[alex]

а если через <img src="path/to/file.svg"> ?

[konstantin_a]

У меня вот, так

downloadBtnIcon = "path/to/file.svg"

видимо require мелено подгружает

[shmatuan]

konstantin_a, Если через js грузить, то лучше просто сразу в mounted загружать в обьект/массив, а уже потом из него в :data передавать значение

this.btnIcon = require("path/to/file.svg")

<object type="image/svg+xml" :data="btnIcon"></object>

Answer 1

[Klein Maximus]

https://github.com/oliverfindl/vue-svg-inline-loader