Я использую vue2 в среде плагинов (поэтому нет браузера; в основном он запускает vue в веб-представлении в приложении для настольного компьютера).Все работает отлично, за исключением использования динамических стилей с пользовательским протоколом.Поскольку это плагин, у меня есть доступ к определенной папке через «plugin-data: /path/image.jpg».Используя этот URL с тегом или в качестве статического стиля (background-image), он работает.Но с v-bind: style это не так.
Моя разметка выглядит так:
<!-- Static (WORKING) -->
<img src="plugin-data:/actions/tpl.Layout1.jpg" height="60"/>
<div style="width: 60px; height: 60px; background-image: url(plugin-data:/actions/tpl.Layout1.jpg);"></div>
<!-- Dynamic (NOT WORKING) -->
<div v-bind:style="{ 'background-image': url1 }"></div>
<div v-bind:style="{ 'background-image': url2 }"></div>
<div v-bind:style="{ 'background-image': url3 }"></div>
Мои данные выглядят так:
data() {
return {
url1: 'url(plugin-data:/actions/tpl.Layout1.jpg)',
url2: 'url("plugin-data:/actions/tpl.Layout1.jpg")',
url3: 'url(\'plugin-data:/actions/tpl.Layout1.jpg\')'
}
}
ЭтоВнутренний ресурс решает проблему с vue2?Это просто не поддерживается или я что-то упускаю?
(у меня также есть доступ к абсолютному пути, но это тоже не работает ...).
Любая помощь высоко ценится.