title: How to toggle any element in array in vuejs
body: <p>I have two select fields in Vue 2. Both have common values as company name records. I'm using the <code>vue-select</code> component to build a select like this:</p>
  
  <pre><code>&lt;v-select :options="companyOptions" v-model="company_name"&gt;&lt;/v-select&gt;
  </code></pre>
  
  <p>and for the other select like this:</p>
  
  <pre><code>&lt;v-select multiple :options="companyOptions" v-model="selectedCompanies"&gt;&lt;/v-select&gt;
  </code></pre>
  
  <p>I have a computed value like this:</p>
  
  <pre><code>companyOptions() {
      if(this.model.data)
      {
          return this.model.data.map(d =&gt; ({label: d.name, value: d.id}))
      }
  },
  </code></pre>
  
  <p>Model data is populated via axios.</p>
  
  <p>Now if any body selects an item in the first select then it should remove the value from the options for the second select. Can someone guide me? The problem I think I'm facing is if someone selects an item in the first select then the company can be removed from the second select by slicing the array, but if someone then selects a different item in the first select I want the original list of options; I mean it should add the previously removed value back and remove the newly selected value.</p>