美文网首页
VUE组件中重置body样式

VUE组件中重置body样式

作者: 小碗吃不了 | 来源:发表于2019-12-14 16:27 被阅读0次
  • 曲线救国写法

      <template>
        <div class="body-bg"></div>//代替body
      </template>
    <style scoped lang="scss">
    
      .body-bg {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          overflow-y: auto;
          background-color: #fff;
      }
    </style>
    
  • 生命周期添加

     beforeCreate() {
       document.querySelector('body').setAttribute('style', 'background:#eee')
    }, 
     beforeDestroy() {
        document.querySelector('body').removeAttribute('style')
    }, //同时在再style标签上加scoped即可;

相关文章

  • VUE组件中重置body样式

    曲线救国写法 .body-bg ...

  • 2019-10-28 修改el-input 默认的边框颜色

    1.elementui+vue项目中,在当前vue文件中使用style scoped包裹的样式中重置input框的...

  • Vue 组件之间样式冲突

    Vue 组件之间样式冲突 vue 组件化,各组件内都可以在 style 部分写样式,这些样式却不是相互独立的,最终...

  • /deep/ 深度选择器及用法

    在vue中,我们为了避免父组件的样式影响到子组件的样式,会在style中加 ,这样父组件中如果有跟子组件相同的cl...

  • [vue]css的/deep/及>>>用法

    /deep/ 深度选择器 在vue中,我们为了避免父组件的样式影响到子组件的样式,会在style中加 ,这样父组件...

  • 【一】基础样式结构搭建

    关于专题【vue开发音乐App】 本篇记录vue项目在初始化阶段推荐配置的基础样式结构,例如reset重置样式、基...

  • /deep/

    vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都...

  • vue element ui中el-step descripti

    vue elementui steps组件在步骤条中添加自定义样式内容

  • 修改Element控件的样式

    我们在vue中使用Element库的时候,vue组件中样式的scoped会导致我们无法修改控件的样式。 解决方法是...

  • vue:样式穿透

    一、什么叫 vue 样式穿透 在 vue 开发过程中,可能会遇到修改 iview UI 组件样式的时候,无效的问题...

网友评论

      本文标题:VUE组件中重置body样式

      本文链接:https://www.haomeiwen.com/subject/xoacnctx.html