vue框架中单页面文件更改body,html页面背景颜色

单页面应用中,在全局body设置了背景颜色和背景图片。但是想要修改其中的一个页面如'/result'这个文件,而又不影响其他的样式,以前看到有例子用position:fixed来修改背景,我个人认为这个仅仅适用于页面篇幅不大,一屏足以显示的页面。可以在‘/result’这个css加上scoped 然后在js的部分加以下代码。亲自试验很有效果。。。

   beforeCreate () {
      document.querySelector('body').setAttribute('style', 'background-color:#efeff4;')
    },
 
    beforeDestroy () {
      document.querySelector('body').removeAttribute('style')
    }

猜你喜欢

转载自blog.csdn.net/weixin_40716786/article/details/83039963