javascript - How to add option in select2 js async

Question

When typping in select2 i make a request to my server to get the results, when i received data i append that on select2 options but it not renders at same time, just when i click again to the select 2 i can see the list...

Is that possible to render the data i received in the select2 options list at the same time?

.html

<div class="form-group">
  <label for="userInputControl" >Search person</label>
  <select2 :multiple="true" class="searchPerson" v-model="person"></select2>                        
</div>

.js

  ajax call...
     if (data){
        this.retrievePeople=data;
            for(var index in this.retrieveOrgs){
              var newOption = new Option(data[index], data[index], false, false);                                            
              $('.searchPerson').append(newOption).trigger('change');
            }   
     }
    ....

question from:https://stackoverflow.com/questions/65903720/how-to-add-option-in-select2-js-async

Answer 1

Waitting for answers