vue框架中单页面文件更改body,html页面背景颜色
单页面应用中,在全局body设置了背景颜色和背景图片。但是想要修改其中的一个页面如'/result'这个文件,而又不影响其他的样式,以前看到有例子用position:fixed来修改背景,我个人认为这个仅仅适用于页面篇幅不大,一屏足以显示的页面。可以在‘/result’这个css加上scoped 然后在js的部分加以下代码。亲自试验很有效果。。。beforeCreate () {...
·
单页面应用中,在全局body设置了背景颜色和背景图片。但是想要修改其中的一个页面如'/result'这个文件,而又不影响其他的样式,以前看到有例子用position:fixed来修改背景,我个人认为这个仅仅适用于页面篇幅不大,一屏足以显示的页面。可以在‘/result’这个css加上scoped 然后在js的部分加以下代码。亲自试验很有效果。。。
beforeCreate () {
document.querySelector('body').setAttribute('style', 'background-color:#efeff4;')
},
beforeDestroy () {
document.querySelector('body').removeAttribute('style')
}
更多推荐
已为社区贡献3条内容
所有评论(0)