vue 在不同页面给body设置不同的背景色

1. 思路，千万别走css这条路 ， 想着用覆盖解决问题。要想通过生命周期，js的逻辑。

通过一个组件的 “初始化” 和 “销毁” ， 来控制body颜色 ， 很简单的逻辑

下面是具体代码。

<script>
beforeCreate: function() {
   document.getElementsByTagName("body")[0].className="body_back";
},
beforeDestroy: function() {
  document.body.removeAttribute("class","body_back");
}
</script>

<style>
.body_back
  background linear-gradient(#0a0675, #0b30b3) // 这是线性渐变
</style>

 

转载于:https://www.cnblogs.com/tengyuxin/p/11207432.html