如何更新与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，我不再得到了错误。