title: Push new set of data dynamically when creating v-select menu in Vue
body: <p>Crash course in Vue here so apologies for my lack of knowledge here. I am currently using v-select and running into trouble when creating the v-select element dynamically. I trying to duplicate the element with a new set of data. Not sure what I am doing wrong here.</p>
  <p>I would like to be able to click &quot;add input&quot; and a new v-select dropdown is added with the second array list &quot;items2&quot;</p>
  <p>Desired output I am looking to accomplish:
  <a href="https://i.stack.imgur.com/QeaYM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QeaYM.png" alt="enter image description here" /></a></p>
  <p>Codesanbox: <a href="https://codesandbox.io/s/vuetify-ts-forked-99fy7" rel="nofollow noreferrer">https://codesandbox.io/s/vuetify-ts-forked-99fy7</a></p>
  <p>Vue.js:</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;div
        class=&quot;batch-row&quot;
        :id=&quot;`${index}`&quot;
        v-for=&quot;(filter, index) in items.slice(0, 1)&quot;
      &gt;
        &lt;v-select
          :items=&quot;items&quot;
          :id=&quot;`${index}`&quot;
          item-text=&quot;text&quot;
          label=&quot;Standard&quot;
          v-model=&quot;filter.value&quot;
        &gt;
        &lt;/v-select&gt;
      &lt;/div&gt;
      &lt;button @click=&quot;addInput&quot;&gt;Add input&lt;/button&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script lang=&quot;ts&quot;&gt;
  import { Component, Vue } from &quot;vue-property-decorator&quot;;
  
  @Component
  export default class Dropdown extends Vue {
    public counter: number = 0;
    public items: any[] = [
      { text: &quot;Florida&quot; },
      { text: &quot;Georgia&quot; },
      { text: &quot;Nebraska&quot; },
      { text: &quot;California&quot; },
      { text: &quot;New York&quot; },
    ];
    public items2: any[] = [{ text: &quot;fiz&quot; }, { text: &quot;foo&quot; }, { text: &quot;bar&quot; }];
  
    public addInput(): void {
      this.items.push({
        id: `${+this.counter}`,
      });
    }
  }
  &lt;/script&gt;
  </code></pre>