origami1024
@origami1024
went out for a night walk

Как прокинуть путь с кавычками в стили?

<div
    :style="{
        backgroundImage: `url('${'http://abcd.efg/' + this.product.url}')`
    }"
/>

В this.product.url бывает одна одинарная кавычка и это разламывает стили.
Двойная кавычка по идее тоже может быть
Да и еще закрывающиеся скобочки есть, на случай, чтоб url() без кавычек не прокатывало.
Пример this.product.url: /storage/N'red%20HD%20Plus%20(1).jpg

PS. Поменял тег вопроса с Vue на CSS
  • Вопрос задан
  • 68 просмотров
Решения вопроса 1
Aetae
@Aetae
Тлен
Vue тут не причём. Обычный css. Очевидный ответ - экранировать кавычки.this.product.url.replace(/'/g, '\\$&')
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы