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 - PrimeVue

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.

  • PrimeVue

Installation

Open up a terminal and run the following command:

yarn add @vue-js-cron/prime

or

npm install @vue-js-cron/prime

Then you need to register the component

import '@vue-js-cron/prime/dist/prime.css'

// registers the component globally
// registered name: CronPrime
import CronPrimePlugin from '@vue-js-cron/prime'
app.use(CronPrimePlugin)

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

Done! 🚀


API

CronPrime API

CronPrimeProps API

Contributors: Andreas Bichinger
Prev
Getting Started - Naive UI
Next
Getting Started - Quasar