title: Why does my v-select not have any default values even though I am assigning v-model a string
body: <p>I am editing a vue for a project that I am working on. Below is my code</p>
  <pre><code>&lt;tr v-for=&quot;(program, index) in selectedGantryLocation.pickPrograms&quot;&gt;
                      &lt;v-select :items=&quot;program&quot;
                                :v-model=&quot;selectedGantryLocation.pickProgramValues[index]&quot;&gt;
                      &lt;/v-select&gt;
   &lt;/tr&gt;
  </code></pre>
  <p>The <code>selectedGantryLocation.pickPrograms</code> is a list of a list of strings. So each &quot;program&quot; that is being used in the iteration is an array of strings, it is nothing more and nothing less. The array generally looks like [&quot;Program1&quot;,&quot;Program2&quot;,&quot;Program3&quot; etc.]. The <code>:items</code> are being populated correctly and are displayed correctly in the dropdown.</p>
  <p>Now because in this vue each dropdown will already have a previously selected value that I am grabbing from the backend, I need each dropdown to show the already selected value. <code>selectedGantryLocation.pickProgramValues[index]</code> is indexing a list of strings, each being the default value of each v-select that is created.</p>
  <p>For some reason the v-model is not showing any default values. I have verified that the <code>selectedGantryLocation.pickProgramValues</code> is indeed populated and filled with strings. Is there an issue with assigning v-model to a string? If that is the case then I do not know how to go about fixing this issue as I have no more properties to reference because I am only working with lists of strings.</p>
  <p>I also know that this won't work if the v-model value does not exist in the <code>:items</code> but I have also verified that it does exist here so that should not be an issue.</p>
  <p>If anyone has any ideas of why my v-selects do not have any default values I would appreciate your feedback, thank you!</p>