曲线救国写法
<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即可；
曲线救国写法 //代替body .body-bg ...
1.elementui+vue项目中，在当前vue文件中使用style scoped包裹的样式中重置input框的...
Vue 组件之间样式冲突 vue 组件化，各组件内都可以在 style 部分写样式，这些样式却不是相互独立的，最终...
在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加 ，这样父组件中如果有跟子组件相同的cl...
/deep/ 深度选择器 在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加 ，这样父组件...
关于专题【vue开发音乐App】 本篇记录vue项目在初始化阶段推荐配置的基础样式结构，例如reset重置样式、基...
vue组件中，在style设置为scoped的时候，里面在写样式对子组件是不生效的，如果想让某些样式对所以子组件都...
vue elementui steps组件在步骤条中添加自定义样式内容
我们在vue中使用Element库的时候，vue组件中样式的scoped会导致我们无法修改控件的样式。 解决方法是...
一、什么叫 vue 样式穿透 在 vue 开发过程中，可能会遇到修改 iview UI 组件样式的时候，无效的问题...
本文标题：VUE组件中重置body样式
本文链接：https://www.haomeiwen.com/subject/xoacnctx.html
网友评论