Vue 修改单个组件的背景颜色
组件默认背景颜色为白色,但工作需要改成黑色,于是研究了一番。很简单,只需在组件中使用两个钩子函数beforeCreate (),beforeDestroy ()代码如下:beforeCreate () {document.querySelector('body').setAttribute('style', 'background:#000000')},beforeDestroy () {docu
·
组件默认背景颜色为白色,但工作需要改成黑色,于是研究了一番。
很简单,只需在组件中使用两个钩子函数beforeCreate (),beforeDestroy ()
代码如下:
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background:#000000')
},
beforeDestroy () {
document.querySelector('body').removeAttribute('style')
}
在创建之前,添加body的style属性,将背景颜色设置为黑色
在销毁前,将body的style属性删除。
更多推荐
已为社区贡献3条内容
所有评论(0)