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样式,这样使你最终设置的效果仅仅只在你设置的组件中生效,在其余页面不会被生效。
六月初字帖坊小程序
你想要的字帖模板及工具,这里都有!
877篇文章
4350人已阅读