使用JavaScript以编程方式从HTML选择下拉列表中选择多个选项不起作用

我正在开发一个Web应用程序。在我的应用程序中，我尝试使用JavaScript为select下拉列表选择多个选项

这是我的HTML

<select id="my-dropdown"
        name="select_locations"
        multiple="multiple"
        class="my-select-control">
        //options are here
</select>

---

但它并不是在选择选项。如何选择多个选项？

可能重复的代码也可以正常工作。可能是在dom renderedIt按预期工作之前执行js。一定与VueJs的生命周期有关。

let dropDown = document.getElementById('my-dropdown');
dropDown.options[0].selected = true
dropDown.options[1].selected = true