title: dynamically open dropdown in vue
body: <p>how do i open up a dynamically created dropdown using native vue and javascript?</p>
  
  <pre><code>&lt;select ref="dropdown"&gt;
      &lt;option v-for="(item, index) in items" :key="index"&gt;
          {{item}}
      &lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>under my methods i have tried these to no avail:</p>
  
  <pre><code>openDropdown () {
      let el = this.$refs.dropdown;
      // this doesnt work
      el.click();
      // this doesnt work
      el.setAttribute('visible', true);
      // this also doesnt work
      el.style.show = true;
  }
  </code></pre>
  
  <p>any tips or tricks would be helpful, thanks!
  This has to use native Vue. i understand JavaScript wont suffice on its own, but there has to be a way that Vue is able to do this. And i cannot use jQuery</p>