vue-cli为页面设置body背景颜色

1.直接在当前的page内设置如下：

 mounted() {
    document.querySelector('body').setAttribute('style', 'background-color:#f8f8f8')
  },
  beforeDestroy() {
    document.querySelector('body').removeAttribute('style')
  },

 

2.在全局路由钩子那边添加判断：

if (to.meta.name == "release") {
       document.querySelector("body").setAttribute("style","background-color: #fff")
       next();
 }else {
     document.querySelector("body").setAttribute("style","background-color: #EEEEEE")
     next();
 }

3.不通过设置body，而去设置page内的某一个区域

   通过弹性布局：

  

    
头部