vue组件中设置body、html样式解决方法

诸位大佬,可否扫下右下方参与下“支付宝”红包活动!小弟万分感谢!

vue中如何实现在组件中设置body或html样式解决方法。

代码如下:

beforeCreate() {
document.querySelector('body').setAttribute('style', 'background-color:#fff')
},
beforeDestroy () {
document.querySelector('body').removeAttribute('style')
}

原理解析:组件创建前对body设置style来修改你需要修改的属性,如背景色。页面关闭前,移除掉你创建的body样式,这样使你最终设置的效果仅仅只在你设置的组件中生效,在其余页面不会被生效。