Как я могу использовать v-bind: style и backgroundImage с пользовательским протоколом в URL (...)? - PullRequest
0 голосов
/ 25 января 2019

Я использую 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?Это просто не поддерживается или я что-то упускаю?

(у меня также есть доступ к абсолютному пути, но это тоже не работает ...).

Любая помощь высоко ценится.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...