vue-nformr

Add your nFormr forms to existing Vue projects
1,396
Install
npm install vue-nformr
Latest Version:0.4.6
Vue:2
License:ISC
Last Updated:Jun 12, 2026
Links: npm
Maintainer: nformr

vue-nformr

This Vue.js plugin for nformr makes it easy to embed your nFormr forms into your existing Vue projects.

Note: This plugin is only required if your project already uses Vue. If not, the standard embed code provided at nformr.co will be all you need.


Installation

You can install via NPM.

$ npm install vue-nformr --save

Usage

You will not need the script tag that is provided in the embed code at nformr.co. Simply add the nform component with the relevant form key, as follows:

<nform fkey="00000000-0000-1234-5678-123456781234"></nform>

Events

The form emits 2 events which you can handle:

  • paged which fires when the page number changes, and passes the new page number as an argument (zero based).
  • submit which fires when the form is submitted.

More Information

Visit nformr.co for more information and answers to frequently asked questions.

Related Packages

@spicycoding/vue-form-builder

This is a vue component for building HTML forms

15,803
vue-ads-form-builder

A Vue from builder

12,534 0
@rc-component/async-validator

Validate form asynchronous

99,929,287 16
@molgenis/molgenis-ui-form

Library for generating HTML web forms

6,017 0

Version History

Version Released Vue License
0.4.6 2.6.14 ISC
0.4.5 2.6.14 ISC
0.4.4 2.6.14 ISC
0.4.3 2.6.14 ISC
0.4.2 2.6.14 ISC