Bind Vue Фоновое изображение с пробелами - PullRequest
1 голос
/ 03 марта 2020

Я пытаюсь установить свойство background image css, когда у изображения нет пробелов, изображение отображается правильно, но когда у изображения есть пробелы в имени, оно не отображается, потому что информация, которую я получаю из базы данных, мне трудно переименовать все изображения.

<div :style="{'min-height':'200px', 'background-image': 'url(/18edp/Content/img/empresas/' + e.Name + '.jpg)'}"></div>

Когда имя изображения EG imagename.jpg код работает, но изображение имеет пробел EG image name.jpg код не работает.

Можете ли вы мне помочь, пожалуйста?

Привет.

1 Ответ

0 голосов
/ 03 марта 2020

Вам необходимо заменить пробелы на «% 20», в этом случае используйте encodeURIComponent

<div :style="{'min-height':'200px', 'background-image': 'url(/18edp/Content/img/empresas/' + encodeURIComponent(e.Name) + '.jpg)'}"></div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...