Vue-js-cron Docs
Vue v2
Demo
Guide
API
Github
Vue v2
Demo
Guide
API
Github
    • Getting Started - Core
    • Getting Started - Light
    • Getting Started - Ant
    • Getting Started - Element Plus
    • Getting Started - Naive UI
    • Getting Started - PrimeVue
    • Getting Started - Quasar
    • Getting Started - Vuetify
    • Custom Periods
    • Custom Cron Expression

Getting Started - Quasar

The fastest way to get started, is to use one of the prebuilt components.

  • cron-core - renderless cron editor
  • cron-light - lightweight cron editor without external dependencies
  • cron-ant - cron editor for Ant Design Vue
  • cron-element-plus - cron editor for Element Plus
  • cron-naive - cron editor for Naive UI
  • cron-prime - cron editor for PrimeVue
  • cron-quasar - cron editor for Quasar
  • cron-vuetify - cron editor for Vuetify.js

Requirements

Make sure to install and setup all requirements.

  • Quasar

Installation

Open up a terminal and run the following command:

yarn add @vue-js-cron/quasar

or

npm install @vue-js-cron/quasar

Then you need to register the component

// registers the component globally
// registered name: CronQuasar
import CronQuasarPlugin from '@vue-js-cron/quasar'
app.use(CronQuasarPlugin)

// alternatively you can also register the component yourself
// https://vuejs.org/guide/components/registration.html
import { CronQuasar } from '@vue-js-cron/quasar'
app.component('CronQuasar', CronQuasar)

Done! 🚀


API

CronQuasar API

CronQuasarProps API

Contributors: Andreas Bichinger
Prev
Getting Started - PrimeVue
Next
Getting Started - Vuetify