Skip to content

README.md

Latest commit

 

History

History
48 lines (32 loc) · 1.55 KB

README.md

File metadata and controls

48 lines (32 loc) · 1.55 KB

Cascading ComboBox Using Vue ComboBox

Repository Description: A Vue.js project demonstrating cascading ComboBox components using Syncfusion, where dependent ComboBoxes populate based on parent selections.

Overview

Learn how to create a cascading ComboBox using Syncfusion Vue ComboBox. This project shows how to add multiple ComboBox components and populate dependent ComboBoxes based on parent selections—ideal for country-state scenarios and similar dependent dropdowns.

Prerequisites

  • Node.js (v12 or higher)
  • Vue CLI (v4 or higher)
  • npm (v6 or higher)

Installation

Clone the repository:

git clone https://github.com/SyncfusionExamples/create-a-cascading-combo-box-using-vue-combo-box combobox-component
cd combobox-component
npm install

Running the Application

Start the development server:

npm run serve

Navigate to http://localhost:8080/. The app reloads on file changes.

How It Works

  1. First ComboBox selection triggers an event
  2. Selected value filters/fetches data for the second ComboBox
  3. Second ComboBox updates its data source dynamically
  4. Extend this pattern to multiple cascading levels

Resources

Support

For help, check the Syncfusion Vue ComboBox documentation and Vue.js resources.