tahq69 / vue-query-builder

Query builder for Vue.js applications

crip-vue-query-builder

A Vue.js project to create advanced filter for user to execute complex queries. For more details read documentation with examples

Usage

Install

> npm i -S crip-vue-query-builder

Setup

import Vue from "vue"
import { QueryBuilder, QueryPreview } from "crip-vue-query-builder"
import axios from "axios"

// Register component to be able use in your own components.
Vue.component(QueryBuilder.name, QueryBuilder)
Vue.component(QueryPreview.name, QueryPreview)

Display query builder

// App.vue
<template>
  <div class="container">

    <div class="row">
      <QueryBuilder></QueryBuilder>
    </div>

  </div>
</template>

Build Setup

# install dependencies and serve with hot reload at localhost:8080
> npm i && npm run dev

Release steps

> npm run release