Как обновить HTML-стили с помощью методов компонентов в приложении Nuxt

Question

Я пытаюсь редактировать document.html.style из компонента Nuxt.js.Я попытался обернуть свой код внутри оператора if, чтобы проверить браузер и сервер, как подробно описано здесь, но постоянно получаю ошибку document.html is undefined при попытке создать приложение.

Я генерируюслучайный цвет фона и сохранение его в состоянии компонента на bgColor.Я могу связать это с div внутри моего компонента, но хочу также связать его со стилем html background-color css.

    methods: {
        newMethod() {
            if (process.browser) {
                // hex color value saved in component state
                document.html.style.backgroundColor = this.bgColor
            }
        }
    }

Мне нужно привязать цвет, сохраненный в состоянии моего компонента, к стилю background-color css html документа.

Answer 1

Я нашел решение, которое работало для меня - мне просто нужно было создать магазин и использовать мутации для цели document.body.style.backgroundColor, и я больше не получил ошибку.