vue中给页面添加背景色

最新推荐文章于 2024-08-21 22:17:11 发布

weixin_49696014

最新推荐文章于 2024-08-21 22:17:11 发布

阅读量3.3k

点赞数 2

本文链接：https://blog.csdn.net/weixin_49696014/article/details/111977868

版权

本文介绍了在 Vue 应用中如何为页面添加背景色。可以全局设置html和body的样式，或者针对特定组件，在组件的 beforeCreate 和 beforeDestroy 钩子中动态修改 body 的 style 属性来实现背景色的添加和移除。

摘要由CSDN通过智能技术生成

vue中给页面添加背景色

1、如果每一个组件都添加，并且背景色一样，就在全局样式文件里设置html，body就可以
2、如果是单独给一个组件设置背景色，用如下代码：

// 在创建之前，添加body的style属性， 给花名册组件单独设置背景色
  beforeCreate() {
    document.querySelector('body').setAttribute('style', 'background:#F5F6FA')
  },
  // 在销毁前，将body的style属性删除
  beforeDestroy() {
    document.querySelector('body').removeAttribute('style')
  },