New to Kendo UI for Vue? Start a free 30-day trial

Advanced Scenarios

The Kendo UI for Vue Native Form enables you to implement advanced use-case scenarios by using the KendoForm Injected Property that must be injected in the custom component.

Reading the Field State

You can read the field state without using the Kendo UI for Vue Field component by utilizing the valueGetter function in the KendoForm Injected Property.

Example
View Source
Change Theme:

Changing the Field Value

You can emit the field changes without using the Kendo UI for Vue Field component by utilizing the onChange callback in the KendoForm Injected Property.

Example
View Source
Change Theme:

Resetting the Form Initial State

You can dynamically reset (update) the Form initial value, by setting a key to the Form component and updating it.

This is very useful when we have to dynamically populate the Form with a new information.

In the following example we will dynamically load a new user information.

Example
View Source
Change Theme: