Query Builder Vue

# Vue Query Builder

A Vue Query Builder library.

# About

This library got heavily inspired by Daniel Abernathy's (opens new window) awesome vue-query-builder (opens new window) library, which got in turn inspired by jQuery's Knockout Query Builder (opens new window).

The intention behind building my own was adding some missing features such as providing TypeScript support and re-ordering with drag'n'drop.

# Features

The query builder has the following key features:

  • Re-ordering of rules and groups with drag'n'drop.
  • Emphasizing groups with configurable colors.
  • Control maximum depth of nested groups.
  • Easy to customize with pure CSS and slots.
  • Layout can be serialized and restored.
  • Vuex compatible.
  • TypeScript support.

Demos →