Getting Started - Ant

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

Requirements

Make sure to install and setup all requirements.

Installation

Open up a terminal and run the following command:

yarn add @vue-js-cron/ant

or

npm install @vue-js-cron/ant

Then you need to register the component

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

// registers the component globally
// registered name: CronAnt
import CronAntPlugin from '@vue-js-cron/ant'
app.use(CronAntPlugin)

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

Done! 🚀


API

CronAnt APIopen in new window

CronAntProps APIopen in new window

Example

<template>
  <div>
    <cron-ant
      v-model="value"
      :button-props="{ type: 'primary', shape: 'round', style: {backgroundColor: '#0277BD'} }"
      @error="error=$event" />

    <p class="text-lightest pt-2">cron expression: {{value}}</p>

  </div>
</template>

<script>
export default {
  data () {
    return {
      value: '* * * * *',
      error: ''
    }
  }
}
</script>
Contributors: Andreas Bichinger