title: How to add/remove class on body tag when open/close modal in vuejs
body: <p>I have a modal in one of my pages and I want to add a class “active” on body when I open the modal, so I can make the body overflow hidden (no scroll).
  Is there a way to toogle a class on the body tag when I click from one component? I can't figure it out...</p>
  
  <p>I use routes</p>
  
  <pre><code>&lt;template&gt;
      &lt;div id="app"&gt;
          &lt;Header /&gt;
          &lt;router-view/&gt;
          &lt;Footer /&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>Thx in advance</p>