Skip to content

<VueFormUpdate>

Renders an update button that calls the update method on click. The button is automatically visible only in update mode (when editing an existing item) and hidden in create mode (when creating a new item).

vue
<template>
  <VueForm>
    <template #default="{...}">
      <VueFormUpdate v-slot="{ updateItem, isUpdating, isReading, isLoading }">
        <button @click="updateItem" :disabled="isUpdating">
          {{ isUpdating ? "Updating..." : "Update" }}
        </button>
      </VueFormUpdate>
    </template>
  </VueForm>
</template>

Slots

default

Slot Props

NameDescription
updateItemFunction
Wrapper for calling update method
isUpdatingBoolean
Check the context object docs
isReadingBoolean
Check the context object docs
isLoadingBoolean
Check the context object docs

Version 1.0.0