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

羊羊羊92

于 2018-10-13 16:59:15 发布

阅读量5.5k

点赞数 1

本文链接：https://blog.csdn.net/weixin_40716786/article/details/83039963

版权

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

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