Vue修改组件背景颜色

 

 

由于组件内样式是私有化的，在组件内直接设置样式会不生效，

如果想改变组件的默认背景色，可通过beforeCreate ()，beforeDestroy ()

代码如下：

// 创建节点之前设置背景色
 beforeCreate() { document.querySelector('body').setAttribute('style', 'background:#fafafa') document.querySelector('html').setAttribute('style', 'background:#fafafa') }, // 销毁节点之前删除属性
 beforeDestroy() { document.querySelector('body').removeAttribute('style') document.querySelector('html').removeAttribute('style') }