如何在Nuxt应用中使用组件方法更新html样式

Question

我正在尝试从Nuxt.js组件编辑document.html.style。我尝试将代码包装在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
            }
        }
    }

我需要将保存在组件状态中的颜色绑定到html文档的background-color CSS样式。

Answer 1

我发现了一个对我有用的解决方案-我只需要创建一个商店，然后使用这些突变定位到document.body.style.backgroundColor即可，而我不再遇到错误。