title: Vue multiselect element triggers event on wrong element
body: <p>I am using this <a href="https://vue-multiselect.js.org/" rel="nofollow noreferrer">Vue Multiselect component</a>.</p>
  
  <p>I have 8 dropdown multi-select elements on my form.</p>
  
  <p>When selecting an option from the second dropdown, the <code>onSearchResellerCompanies</code> method gets triggered, instead of the <code>onSearchAgencyCompanies</code> method.</p>
  
  <p>Another thing ...</p>
  
  <p>On my form, there is a dropdown element with countries.</p>
  
  <p>If I select a reseller company, and if I then select a country and then select an agency company, the <code>onSearchEnumCountries</code> gets triggered, instead of the <code>onSearchAgencyCompanies</code> method.</p>
  
  <p>So, in all cases, the <code>@search-change</code> event from the last touched dropdown element gets triggered, instead of the <code>onSearchAgencyCompanies</code> method.</p>
  
  <p>This is the <code>html</code> code:</p>
  
  <p>This is the resellect companies dropdown element:</p>
  
  <pre><code>            &lt;multiselect 
              id="multiselect_drop_down_reseller_companies" 
              v-model="drop_down_reseller_companies_selected" 
              track-by="id" 
              label="name" 
              :multiple="false" 
              :options="reseller_companies" 
              :searchable="true" 
              :loading="drop_down_reseller_companies_selectize_isLoading" 
              :placeholder="drop_down_reseller_companies_selectize_placeholder" 
              @select="drop_down_reseller_companies_at_select" 
              :preselectFirst="true" 
              :allowEmpty="false" 
              deselectLabel="Selected" 
              :clearOnSelect="true" 
              @search-change="onSearchResellerCompanies"&gt;
  
                  &lt;span slot="noResult"&gt;custom no result reseller companies&lt;/span&gt;
                  &lt;span slot="noOptions"&gt;custom no options reseller companies&lt;/span&gt;
  
              &lt;/multiselect&gt;    
  </code></pre>
  
  <p>This is the agency companies dropdown element:</p>
  
  <pre><code>            &lt;multiselect 
              id="multiselect_drop_down_agency_companies" 
              v-model="drop_down_agency_companies_selected" 
              track-by="id" 
              label="name" 
              :multiple="false" 
              :options="agency_companies" 
              :searchable="true" 
              :loading="drop_down_agency_companies_selectize_isLoading" 
              :placeholder="drop_down_agency_companies_selectize_placeholder" 
              @select="drop_down_agency_companies_at_select" 
              :preselectFirst="true" 
              :allowEmpty="false" 
              deselectLabel="Selected" 
              :clearOnSelect="true" 
              @search-change="onSearchAgencyCompanies"&gt;
  
                  &lt;span slot="noResult"&gt;custom no result agency companies&lt;/span&gt;
                  &lt;span slot="noOptions"&gt;custom no options agency companies&lt;/span&gt;
  
              &lt;/multiselect&gt;
  </code></pre>
  
  <p>This is the <code>JS</code> code:</p>
  
  <pre><code>        /*
          * reseller companies settings
          * start
          */
  
          drop_down_reseller_companies_selectize_no_result : 'no result',
          drop_down_reseller_companies_selectize_isLoading: false,
          drop_down_reseller_companies_selectize_placeholder : 'type the name of a reseller company ...',
          drop_down_reseller_companies_selected_default : { id: null, name : 'type the name of a reseller company ...' },
          drop_down_reseller_companies_selected : { id: null, name : 'type the name of a reseller company ...' },
  
          reseller_companies : [],
  
          /*
          * reseller companies
          * stop
          */
  
          /*
          * agency companies settings
          * start
          */
  
          drop_down_agency_companies_selectize_no_result : 'no result',
          drop_down_agency_companies_selectize_isLoading: false,
          drop_down_agency_companies_selectize_placeholder : 'type the name of a agency company ...',
          drop_down_agency_companies_selected_default : { id: null, name : 'type the name of a agency company ...' },
          drop_down_agency_companies_selected : { id: null, name : 'type the name of a agency company ...' },
  
          agency_companies : [],
  
          /*
          * agency companies
          * stop
          */
  </code></pre>
  
  <p>These are the methods :</p>
  
  <p>This method gets trggered when selecting a reseller company:</p>
  
  <pre><code>drop_down_reseller_companies_at_select({id, name}){
  
      consoleService.log('drop_down_reseller_companies_at_select', true);
  
      consoleService.log('id', true);
      consoleService.log(id, true);
  
      consoleService.log('name', true);
      consoleService.log(name, true);
  
      this.m_record.reseller_id = id;
      // optional setting
      // this.drop_down_reseller_companies_selectize_placeholder = name;
      this.drop_down_reseller_companies_selected = { id: id, name : name };
  
      this.campaigns = [];
      //this.m_record.campaign_id = this.m_record_default.campaign_id;
      this.m_record.campaign_id = null;
  
      this.drop_down_client_companies_selected = this.drop_down_client_companies_selected_default;
      this.client_companies = [];
      //this.m_record.client_id = this.m_record_default.client_id;
      this.m_record.client_id = null;
  
      this.drop_down_agency_companies_selected = this.drop_down_agency_companies_selected_default;
      this.agency_companies = [];
      //this.m_record.agency_id = this.m_record_default.agency_id;
      this.m_record.agency_id = null;
  
      //consoleService.log('m record', true);
      //consoleService.log(this.m_record, true);        
  
      this.dynamic_drop_downs_class();
  
      this.populateDropDownAgencyCompanies(id);
  
  },
  </code></pre>
  
  <p>This method gets triggered when selecting a agency company:</p>
  
  <pre><code>drop_down_agency_companies_at_select({id, name}){
  
      consoleService.log('drop_down_agency_companies_at_select', true);
  
      consoleService.log('id', true);
      consoleService.log(id, true);
  
      consoleService.log('name', true);
      consoleService.log(name, true);
  
      this.m_record.agency_id = id;
      // optional setting
      // this.agency_company_selectize_placeholder = name;
      this.drop_down_agency_companies_selected = { id: id, name : name };
  
      this.campaigns = [];
      //this.m_record.campaign_id = this.m_record_default.campaign_id;
      this.m_record.campaign_id = null;
  
      this.drop_down_client_companies_selected = this.drop_down_client_companies_selected_default;
      this.client_companies = [];
      //this.m_record.client_id = this.m_record_default.client_id;
      this.m_record.client_id = null;
  
      //consoleService.log('m record', true);
      //consoleService.log(this.m_record, true);        
  
      //this.dynamic_drop_downs_class();
  
      //this.populateDropDownClientCompanies(id);               
  
  },
  </code></pre>
  
  <p>This method should get triggered only when searching within the reseller dropdown element:</p>
  
  <pre><code>onSearchResellerCompanies(search, elId){
  
      consoleService.log('onSearchResellerCompanies', true);
  
      consoleService.log('element Id', true);
      consoleService.log(elId, true);
  
      consoleService.log('search', true);
      consoleService.log(search, true);
  
      if(this.selectize_timestamp){
         clearTimeout(this.selectize_timestamp);
      }
  
      if(
          search.length &gt;= 2 &amp;&amp;
          search != this.drop_down_reseller_companies_selected.name
      ){
  
          consoleService.log('onSearchResellerCompanies q &gt;= 2', true);
  
          this.selectize_timestamp = setTimeout(() =&gt; {
  
              this.reseller_companies_selectize_isLoading = true;
  
              //axios start
              axios.post(
                  apiService.API_URL + '/resellerCompaniesListSelectize',
                  {
                      token : this.$store.getters.token,
                      q : search,
                  }
              ).then(
                  (response) =&gt; {
  
                      this.reseller_companies_selectize_isLoading = false;
  
                      consoleService.log('administrator form selectize search axios /onSearchResellerCompanies response success', true);
                      consoleService.log(response.data, true);
  
                      this.reseller_companies = response.data.data;
  
                  }
              ).catch(
                  (error) =&gt; {
  
                      // nothing to do here
  
                      //consoleService.log('administrator form selectize search axios /onSearchResellerCompanies response error', true);
                      //consoleService.log(error, true);
  
                  }
              );
              //axios stop
  
          }, 500);
  
      }else{
  
          consoleService.log('onSearchResellerCompanies NO', true);
  
      }
  
  },
  </code></pre>
  
  <p>This method shoud get triggered only when searching within the agency dropdown element:</p>
  
  <pre><code>onSearchAgencyCompanies(search, elId){
  
      consoleService.log('element Id', true);
      consoleService.log(elId, true);
  
      consoleService.log('onSearchAgencyCompanies', true);
  
      consoleService.log('search', true);
      consoleService.log(search, true);
  
      if(this.selectize_timestamp){
         clearTimeout(this.selectize_timestamp);
      }
  
      if(
          search.length &gt;= 2 &amp;&amp;
          search != this.drop_down_agency_companies_selected.name
          ){
  
          this.selectize_timestamp = setTimeout(() =&gt; {
  
              this.agency_companies_selectize_isLoading = true;
  
              //axios start
              axios.post(
                  apiService.API_URL + '/agencyCompaniesListSelectize',
                  {
                      token : this.$store.getters.token,
                      q : search,
                  }
              ).then(
                  (response) =&gt; {
  
                      this.agency_companies_selectize_isLoading = false;
  
                      consoleService.log('administrator form selectize search axios /onSearchAgencyCompanies response success', true);
                      consoleService.log(response.data, true);
  
                      this.agency_companies = response.data.data;
  
                  }
              ).catch(
                  (error) =&gt; {
  
                      // nothing to do here
  
                      //consoleService.log('administrator form selectize search axios /onSearchAgencyCompanies response error', true);
                      //consoleService.log(error, true);
  
                  }
              );
              //axios stop
  
          }, 500);
  
      }
  
  },
  </code></pre>