Как раскрывать select после выполнения функции?

Question

[PetrTar]

Есть select, option которого наполняется динамически:
"
{{app.customerType == "company"?i.TITLE:i.LAST_NAME+" "+i.NAME}}
"
после того, как app.customerList сформировался, запускаю функцию, которая должна раскрыть select:
let elem = document.getElementById('select-customer')
let event = document.createEvent('MouseEvents');
event.initMouseEvent('mousedown', true, true, window);
elem.dispatchEvent(event);
, но событие не срабатывает, select остается "закрытым".

Comments

[Roman K]

Причём тут вью?

[PetrTar]

список option формируется динамически с помощью v-for,

<select id="select-customer">
        <option  v-for="(i,k) in app.customerList" :key="i.k" :data-index="k" :data-id="i.ID" >
            {{app.customerType == "company"?i.TITLE:i.LAST_NAME+" "+i.NAME}}
        </option>
    </select>

Answer 1

[Алексей Ярков]

Никак. Максимум менять атрибут size
https://jsfiddle.net/yarkov_aleksei/51dwn2hc/

Answer 2

[Ragtime Kitty]

Открыть дефолтный select без клика нельзя, только если эмитировать и открывать уже свой.