vue 设置某个页面body 的背景色

第一步：utils.js

export function setBodyBg(colorStr) {
    document.body.style.backgroundColor=colorStr;
}

第二步：在需要的页面引入

import {setBodyBg} from '@/utils/utils';
mounted(){ //在mounted 设置你想要设置的背景色
      setBodyBg('#f5f5f5');
},
destroyed () { //在destroyed 还原body 本身颜色
      setBodyBg('#fff');
}