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背景颜色 - 代码篇 ” 的全部内容。

©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页