vue在个组件中给body加样式，或者给父级组件元素加样式

在h5项目中，经常遇到不同组件需要不同背景色，通过vue的生命周期来解决。

这组件创建前设置我的样式，销毁之前移除我设置的样式。

用以下方式给body添加样式：

<script>
export default {beforeCreate: function() {document.getElementsByTagName("body")[0].className="bg";},beforeDestroy: function() {document.body.removeAttribute("class","bg");}
}
</script>
<style>
.bg{background: #000;
}
</style>

vue在个组件中给body加样式，或者给父级组件元素加样式相关推荐

微信小程序 - 在自定义组件中请求后端 API 数据接口（引入该组件的页面触发）组件在哪个生命周期钩子函数中请求接口数据呢？
前言我开发了一个 A 页面,然后在 A 页面引入了一个组件 B ,我想在 B 组件中加载进来的时候执行一个后端请求,获取数据进行 B 组件渲染. 今天遇到这么一个问题,我写好的小程序组件(comp ...
Antd 多层Modal+Form组件嵌套如何在父级组件中清空子级组件状态与数据？
转载: https://segmentfault.com/q/1010000012330765/a-1020000012395950 官网还提供了一个办法,每次点开modal的时候给它设置一个新key ...
vue 父刷新子_vue.js从父级中更新子组件数据
如何从父组件中更新子组件中的数据?我正在尝试从父级中更新autores属性,并让它更新子级数据.目前什么都没有发生,我认为我没有正确的数据链接.如果我将它作为数据添加到父组件中,那么当代码运行时,父组 ...
「后端小伙伴来学前端了」关于 Vue中 Slot 插槽的使用，实用且也是组件中必会的一个知识，另外也可以实现父子组件之间通信
前言插槽可以说是 Vue 中非常重要的一部分吧,在我学习和练习的过程中,当组件搭配着插槽一起使用的时候,会发挥的更好一些.更多时候也会更加方便. 今天介绍Vue中三种插槽吧:默认插槽.具名插槽.作用 ...
dom渲染完毕再渲染数据_在vue组件中，异步手动渲染dom
在业务中,页面会动态的渲染组件,组件中会根据数据,去特殊处理渲染dom元素,当遇到需要异步的去渲染时,会出现异步的问题无法正常显示.如下,重新生成一个组件进行渲染. 使用基础 Vue 构造器,创建一个 ...
vue组件中prop属性
Vue组件prop属性 prop大小写单项数据流所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行. 每次父级组件发 ...
Vuex---在 Vue 组件中获得 Vuex 状态state
Vuex使用单一状态树(一个对象就包含了全部的应用层级状态),它作为唯一数据源存在,每个应用仅仅有一个store实例. 单一状态树使得我们能够直接定位任一特定的状态片段,在调试过程中也能轻易地取得整个 ...
vue判断组件是否显示_vue组件中watch props根据v-if动态判断并挂载DOM的问题
问题复现:父组件中通过名为 source 的 prop 向子组件 chart 传入数据 import chart from '../components/chart' export default { ...
Vue | 使用Vue脚手架【脚手架的基本使用+ref属性+props属性+mixin混入+插件scoped样式+TodoList+浏览器本地存储+组件的自定义事件+全局事件总线+过度与动画】
文章目录脚手架的基本使用初始化脚手架分析脚手架结构 render函数修改默认配置 ref属性 props属性 mixin混入插件 scoped样式 Todo-list案例组件化编码流程(通 ...

vue在个组件中给body加样式，或者给父级组件元素加样式

vue在个组件中给body加样式，或者给父级组件元素加样式相关推荐

最新文章

热门文章