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') }