vue组件中设置body、html样式解决方法
Vue
2020-08-26 15:49:19
vue中如何实现在组件中设置body或html样式解决方法。
代码如下:
beforeCreate() {
document.querySelector('body').setAttribute('style', 'background-color:#fff')
},
beforeDestroy () {
document.querySelector('body').removeAttribute('style')
}
原理解析:组件创建前对body设置style来修改你需要修改的属性,如背景色。页面关闭前,移除掉你创建的body样式,这样使你最终设置的效果仅仅只在你设置的组件中生效,在其余页面不会被生效。

891篇文章
4990人已阅读