title: Vuetify - How to validate array of inputs
body: <p>I've a following field in the form, and user can create/add another field for the address. How can I validate all fields with <strong>name=address</strong></p>
  
  <pre><code>&lt;v-col cols="12"&gt;
      &lt;v-text-field v-for="(item, index) in address" :key="index"
          :value=item.value
          name=address[]
          prepend-icon="home_office"
          placeholder="Address"
      &gt;&lt;/v-text-field&gt;
  &lt;/v-col&gt;
  </code></pre>
  
  <p>The script part:</p>
  
  <pre><code>&lt;script&gt;
  
  export default {
      name: "Contact",
      data: () =&gt; ({
          dialog: false,
          valid: false,
          firstName: '',
          lastName: '',
          nameRules: [
              v =&gt; !!v || 'Name is required',
              v =&gt; v.length &gt;= 3 || 'Name must be more than 3 characters',
              v =&gt; v.length &lt;= 255 || 'Name must be less than 255 characters',
          ],
          address: [
              {
                  value: ''
              },
              {
                  value: 'Test2'
              }
          ]
      }),
      methods: {
          create(){
              this.$store.dispatch('createContact')
              .then(response =&gt; {
                  console.log(response);
              })
          },
          submit () {
              console.log(this.$refs.form.validate());
  
              // this.$refs.form.validate()
          },
          clear () {
              this.$refs.form.reset()
          }
      },
  }
  &lt;/script&gt;
  </code></pre>