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

Data and Value Binding

The AutoComplete enables you to configure its predefined list of options and selected value.

To set the predefined option list, use the data-items property. To set the selected value, use the value property.

Data Binding

To bind the AutoComplete to data, use the data-items property of the component.

The data property accepts both:

Arrays of Primitive Values

The following example demonstrates how to bind the AutoComplete to an array of primitive values.

Example
View Source
Change Theme:

Datasets of Objects

If the AutoComplete is bound to a dataset of objects, use the textField property to specify the text of the data objects.

Example
View Source
Change Theme:

Value Binding

To render the selected value, use the value property of the AutoComplete. If you set the value through the value property, hook up to the onChange event and manually update the value of the value property.

Example
View Source
Change Theme: