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

Question

我通过HTTP获取从组件内部的api获取数据。 该数据包括动态颜色十六进制代码。

我需要将html正文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：“＃ffff”

Answer 1

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

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

您还可以创建一个computed属性来执行此操作