onchange

Fires when an editable field reports a new value, before validation and save.

Usage

onchange?: (ev: {
  key: string | number;
  value: any;
  input?: boolean;
  update?: Record<string, any>;
}) => void;

Field	Type	Description
key	string | number	Changed field key.
value	any	New value.
input	boolean	true while the user is still typing (raw input event); absent once the edit is committed (change/blur).
update	Record<string, any>	Map of all current unsaved values (the editing draft).

Example

<script setup>
import { Editor } from "@svar-ui/vue-editor";

function onchange(ev) {
  console.log(`field ${ev.key} changed to ${ev.value}`);
  console.log("all unsaved changes", ev.update);
}
</script>

<template>
  <Editor :items="items" :values="values" :onchange="onchange" />
</template>

Related articles

• Data Handling