VUE组件中重置body样式

作者: 小碗吃不了 | 来源:发表于2019-12-14 16:27 被阅读0次

VUE组件中重置body样式
2019-10-28 修改el-input 默认的边框颜色
Vue 组件之间样式冲突
/deep/ 深度选择器及用法
[vue]css的/deep/及>>>用法
【一】基础样式结构搭建
/deep/
vue element ui中el-step descripti
修改Element控件的样式
vue：样式穿透

曲线救国写法

  <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 组件样式的时候，无效的问题...