title: Can't select element generated by third-party Vue plugin
body: <p>I'm using <a href="https://www.npmjs.com/package/vue-owl-carousel" rel="nofollow noreferrer">Owl Carousel for Vue</a>. It doesn't seem to work properly since all carousel items are visible in their global container, which is several screens wide (there's no <code>overflow: hidden</code> or any <code>max-width</code> to make only x items visible at a time).</p>
  
  <p>Anyway I find myself forced to apply some <code>container</code> class to a wrapper that the plugin generates dynamically. To that end I do:</p>
  
  <pre><code>mounted () {
      this.$nextTick(() =&gt; {
        document.querySelector('.owl-carousel').classList.add('container')
      })
  }
  </code></pre>
  
  <p>But, <code>querySelector('.owl-carousel')</code> is <code>null</code> although I see it in the DOM.</p>
  
  <p>How can I successfully select it?</p>