vue

<template>

  <Form @submit="onSubmit" :initial-values="initialValues">

    <FieldArray name="links" v-slot="{ fields, push, remove }">

      <div v-for="(field, idx) in fields" :key="field.key">

        <Field :name="`links[${idx}].url`" type="url" />

        <button type="button" @click="remove(idx)">Remove</button>

      </div>

      <button type="button" @click="push({ id: Date.now(), name: '', url: '' })">Add</button>

    </FieldArray>

    <button>Submit</button>

  </Form>

</template>

<script setup>

// you can set initial values for those array fields

const initialValues = {

  links: [{ id: 1, url: 'https://github.com/logaretm' }],

};

function onSubmit(values) {

  alert(JSON.stringify(values, null, 2));

}

</script>