Nuxt - манипулирование свойствами класса в классе bodyattrs документа - PullRequest
Новая
       16

Nuxt - манипулирование свойствами класса в классе bodyattrs документа

0 голосов
/ 09 октября 2018

Я искал хорошее решение для динамического изменения класса, который может быть присоединен к bodyAttrs, но безуспешно.Я не нашел ни одного поста, который бы адресовал / отвечал на мою ситуацию.Я надеюсь, что кто-то может помочь.

У меня есть проект, над которым я работаю, и в проекте я использую Nuxt с функциональностью SSR. На сайте есть свойства, которыми можно управлять с помощью конфигурации пользователя.Установка сцены ... пользователь может манипулировать тегом body и изменять цвет фона.

Я настроил страницу app.html, определенную в документации (https://nuxtjs.org/guide/views#document). Затем я установил заголовок так: 

head() {
    return {
        bodyAttrs: {
            class: this.dataLoaded ? "bodyAttr" : ""
        }
    };
}

Вот что такое класс bodyAttrЭто значение по умолчанию при запуске: 

.bodyAttr {
    background: linear-gradient(#0098db, #0046ad);
}

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

Есть ли способ сделать это ... или я подхожу к этому с неправильного направления? Спасибо.

...