❤
npm
Sign UpSign In

vue-form-state-manager

0.1.2 • Public • Published

vue-form-state-manager

A simple form state manager that can be used as directive.

usage

To register:

import FormState from "vue-form-state-manager";
Vue.directive('form-control', FormState);

Use:

<input ... form-control="'field_name'" />

Checking the form state:

import { formState, formIsDirty, formIsPristine } from "vue-form-state-manager";
 
formState(formId) == { dirty: Boolean, pristine: Boolean };
formState(formId).dirty == formIsDirty(formId);
formState(formId).pristine == formIsPristine(formId);

Reseting a single input:

export default {
  name: "MyComp",
  ...
  methods: {
    myMethod() {
      this.prop = NEW_VALUE;
      resetInitialValueFor("test-form", "field-name", this.prop);
    }
  },
  ...
}

roadmap

  • API to control the state programmatically.

licence

MIT

Readme

Keywords

Package Sidebar

Install

npm i vue-form-state-manager

Repository

github.com/diasbruno/vue-form-state-manager

Homepage

github.com/diasbruno/vue-form-state-manager#readme

Weekly Downloads

1

Version

0.1.2

License

MIT

Unpacked Size

5.6 kB

Total Files

4

Last publish

Collaborators

  • diasbruno
Try on RunKit
Report malware