Не задаётся фон-градиент на Vue.js

147
30 июня 2022, 03:20

У меня имеются два метода, которые задают фон отдельному блоку. Первый метод задаёт сплошной фон, а второй - градиент. Сами цвета лежат в data.

setColor() {
    this.$refs.bannerImage.style.background = this.banner.bgColor.solo
},
setGradient() {
    this.$refs.bannerImage.style.background = "linear-gradient(to right, "+ this.banner.bgColor.gradient.firstColor +","+ this.banner.bgColor.gradient.secondColor +");"
}

Проблема в том, что метод со сплошным цветом работает как надо, а с градиентом не задаётся, будто метода и не существует (если в нём же прописать ...background = 'null' - всё работает, так что проблема не с его вызовом). Причём никакой ошибки в консоли не наблюдается

Все прописанные пути правильные, проверил уже по 100 раз

Answer 1
"linear-gradient(to right, "+ this.banner.bgColor.gradient.firstColor +","+ this.banner.bgColor.gradient.secondColor +");"

; - не нужен в конце строки.

READ ALSO
Вывести массив без строк

Вывести массив без строк

Нужно отфильтровать массив, не используя какие-либо методы массивов и строкНе знаю, как можно так отфильтровать, чтобы не использовать push для...

228
События типа: wheelup, wheeldown

События типа: wheelup, wheeldown

Необходимо отслеживать прокрутку колесика мыши: вверх или внизПри этом сам элемент не скроллится

107
Неверно работает код php, ajax

Неверно работает код php, ajax

Когда нажимаю на звездочку второй записи, чтобы добавить в избранное, добавляется перваяВ чем может быть проблема? вывожу через цикл while Добавляю...

223