Vue对单独的页面的body样式设置

Song_Estelle

于 2022-01-18 09:50:07 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 前端文章标签： vue.js 前端 javascript

40 篇文章

订阅专栏

31 篇文章

订阅专栏

本文介绍了一种在登录界面中设置背景样式的方法。通过在组件的生命周期函数 beforeCreate 中获取 body 元素并设置类名，结合 SCSS 实现背景固定且溢出隐藏的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于需要对登录界面的body样式进行设置

在首页直接设置body{}实现不了

需要像这样设置：

export default {
  beforeCreate: function() {
    document.getElementsByTagName('body')[0].className = 'body-bg'
  }
}

<style lang="scss">
.body-bg {
  background-attachment: fixed;
  overflow: hidden;
}
</style>