How to open drop down list on mouse hover?

Question

Vue.js

I have a bootstrap list

<select class="form-control">
  <option>Default select</option>
</select>

which expands when clicked. How can I make the list expand when I hover over it with the mouse?

Answer 1

<select class="form-control" @mouseover="метод">
  <option>Default select</option>
</select>