vue框架：动态设置background背景色 - 代码篇

vue框架：变更body，html页面background背景颜色

• 场景bug介绍：
• vue页面切换，导致后面的页面背景颜色被上一个页面背景色覆盖，如何避免这个问题。
  Method 1. 修改 style为 style scoped
  Method 2. 按下面的设置教程执行。

---

1. 修改 样式：渲染前 · 执行

beforeCreate () {
	document.querySelector('body').setAttribute('style', 'background-color:#FFFFFF');
	//document.querySelector('body').setAttribute('style', 'background-color:#FFFFFF!important');
},

---

2. 移除 样式

beforeDestroy () { 
	document.querySelector('body').removeAttribute('style')
}

Demo案例 · 代码调用 实例 · 截图 ：

---

博主自留：具体参考相关demo演示项目对应Home.vue等等.vue文件

---

以上就是关于“ vue框架：变更页面background背景颜色 - 代码篇 ” 的全部内容。