'How to apply a body {} style to specific vue component

I'm using scoped style for most of my components to not interfere with other components. Some of my views/components need body { overflow: hidden; }, but others don't. I can't use

<style scoped>
body {
  overflow: hidden;
}
...
</style>

How can i apply this style when specific components are loaded? (i am using vue router if that helps)

vue.js


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions