从nuxt.js应用程序中的组件处理body和html背景

Question

我通过http从组件内的api加载数据。该数据包括动态颜色十六进制代码。

我需要将html，body background-color属性修改为此十六进制代码。

我已经搜索过修改标头css，但我找不到解决方案。

return app.$axios.post('http://localhost/ea/api/collections/get/Projekte',
{filter: { Slug: 'getdata'}})

.then(res => {return {siteData: res.data.entries[0]}})

siteData ...包括十六进制例如。 siteData.background：'＃fffff'

Answer 1

您可以简单地使用操作DOM的纯Javascript代码：

document.querySelector('body').style.backgroundColor=siteData.background
//document.querySelector('body').style.backgroundColor='#ff5' 

你也可以创建一个computed属性来做到这一点