title: How to get key and value in Vuetify text field?
body: <p>I use Vuetify in the frontend and Laravel in the backend.  I'm trying to create a dynamic table where the user can set the column names himself.  Therefore I created a form with a loop for 2 fields:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;template&gt;
      &lt;div&gt;
          &lt;v-card&gt;
              &lt;v-card-text&gt;
                  &lt;v-row v-for=&quot;n in numTextFields&quot; align=&quot;center&quot;&gt;
                      &lt;v-col&gt; &lt;h3&gt; Text {{ n }} &lt;/h3&gt; &lt;/v-col&gt;
                      &lt;v-col&gt; &lt;v-text-field label=&quot;Bezeichnung&quot; v-model=&quot;form.text.name[n]&quot; &gt; &lt;/v-text-field&gt; &lt;/v-col&gt;
                      &lt;v-col&gt; &lt;v-switch label=&quot;Erforderlich&quot; value=&quot;1&quot; v-model=&quot;form.text.required[n]&quot;&gt;&lt;/v-switch&gt;&lt;/v-col&gt;
                      &lt;v-col&gt;Info&lt;/v-col&gt;
                  &lt;/v-row&gt;
                  {{ form }}
              &lt;/v-card-text&gt;
          &lt;/v-card&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
  name: &quot;SmartTableColumnSetting&quot;,
      data() {
          return {
              numTextFields: 10,
              form: {
                  text: {
                      name: [],
                      required: []
                  }
              }
          }
      },
  }
  &lt;/script&gt;
  </code></pre>
  <p>This gives the following example:</p>
  <pre class="lang-js prettyprint-override"><code>{ &quot;text&quot;: { &quot;name&quot;: [ null, &quot;Input Text 1&quot;, null, null, null, null, null, &quot;Input Text 7&quot; ], &quot;required&quot;: [ null, null, null, null, &quot;1&quot;, null, &quot;1&quot; ] } }
  </code></pre>
  <p>I'd like to have:</p>
  <pre class="lang-js prettyprint-override"><code>{&quot;text&quot;: {
     &quot;type_1 :{
         text: &quot;Input Text 1&quot;
         required: 1
      },
     &quot;type_2 :{
         text: &quot;Input Text 2&quot;
         required: 2
      },
  
     //and so on till 10
  }
  </code></pre>
  <p>Is this possible?</p>
  <p>Or do i need to change the values in the backend?</p>
  <p>What is the right setup?</p>