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

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

代码如下:

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

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

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!