Vue Form constructor

Last update: Jan 5, 2018

form-vue

Vue Form constructor

Build Setup

install

npm i form-vue --save

How to

in app.js

import Vue from 'vue'
import axios from 'axios';
import formVue from 'form-vue';

Vue.use(formVue);

//For send requests
Vue.prototype.$http = axios || 'other';

Submit Form Method

this.$http[method](action,data)
    .then(response => {
        this.done(response);
    })
    .catch(response => {
        this._setErrors(response.errors);
        this.fail(response);
    });

Example

">
<form-main action="/" method="post" :done="FormDone" :fail="FormFail">
    <form-group name="key" :value="key" type="hidden">form-group>
    <form-group name="name" :value="name" label="Name">form-group>
    <form-group name="year" :value="year" type="select" :options="yearsRows" label="Year">form-group>
    <form-group name="birthday" :value="birthday" type="date" label="Birthday">form-group>
    <form-group name="desc" :value="desc" type="textarea" label="Description">form-group>
    <form-submit text="Send Fail">form-submit>
form-main>

GitHub

https://github.com/Martin25699/form-vue
You might also like...

Generate a vue form with validation from an array

vue-form-json Generate a vue form with validation from an array All fields are required and input text by default. Once submitted, an event 'formSubmi

May 5, 2022

Build powerful vue form with JSON schema and composition api.

Build powerful vue form with JSON schema and composition api.

Vue Form Builder Build powerful vue form with JSON schema and composition api. Any custom input components and popular ui frameworks such as Element U

Jun 20, 2022

🍻 ncform, a very nice configuration generation way to develop forms ( vue, json-schema, form, generator )

🍻 ncform, a very nice configuration generation way to develop forms ( vue, json-schema, form, generator )

ncform 中文版 ncform, a nice form development way that generates form UIs and their interactions with just configuration. Comes with standard components

Jun 28, 2022

Reactive Form Builder for Vue.js with Laravel Support

Reactive Form Builder for Vue.js with Laravel Support

Dynamic Form Builder for Laravel with Vue.js Create even the most complex forms with ease, using two-sided validation, eloquent, nested elements, cond

Jun 22, 2022

:clipboard: A schema-based form generator component for Vue.js

:clipboard: A schema-based form generator component for Vue.js

vue-form-generator A schema-based form generator component for Vue.js. Demo JSFiddle simple example CodePen simple example Features reactive forms bas

Jul 4, 2022

Build powerful vue form with JSON schema and composition api.

Build powerful vue form with JSON schema and composition api.

Vue Form Builder Build powerful vue form with JSON schema and composition api. Any custom input components and popular ui frameworks such as Element U

Jun 30, 2022

Simple Implementation of Multi Step Form in Vue JS along with Validation with Vee-Validate

Simple Implementation of Multi Step Form in Vue JS along with Validation with Vee-Validate

VueJS Simple Form Wizard Simple Implementation of Multi Step Form with Validation in Vue Template This is how you can declare a multistep form templat

Jun 17, 2022

A powerful online form designer for Vue.

A powerful online form designer for Vue.

Variant Form 一款高效的Vue表单,可视化设计,一键生成源码,享受更多摸鱼时间。 文档官网:http://www.vform666.com/ 在线演示:http://demo.vform666.com/ VS Code插件:http://www.vform666.com/pages/pl

Jul 1, 2022

Simple, lightweight, and flexible schema-based form for Vue.js

Simple, lightweight, and flexible schema-based form for Vue.js

Simple, lightweight, and flexible schema-based form for Vue.js

May 9, 2022
Super Form Builder built on top of Vue with Drag & Drop functionality, savable-form-schema and easy to maintain/upgrade your form.

agape-form-builder forked by vue-form-builder A simple builder to help you generate a super form for your features/modules/sites,... Easy to use, crea

Apr 5, 2021
Vue-form-generator: A schema-based form generator component for Vue.js
Vue-form-generator: A schema-based form generator component for Vue.js

vue-form-generator A schema-based form generator component for Vue.js. Demo JSFiddle simple example Features reactive forms based on schemas multiple

Feb 4, 2019
form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON
form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON

form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON. Supports 3 UI frameworks, and supports the generation of any Vue components. Built-in 20 kinds of commonly used form components and custom components, no matter how complex forms can be easily handled.

Jul 5, 2022
A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities.

@tailwindcss/forms A plugin that provides a basic reset for form styles that makes form elements easy to override with utilities. Installation Note th

Jul 2, 2022
Laravel Enso Form Builder is a customizable, template based form creator, so you can quickly create forms with the minimum amount of effort
Laravel Enso Form Builder is a customizable, template based form creator, so you can quickly create forms with the minimum amount of effort

Forms JSON-based Form builder for Laravel Enso This package can work independently of the Enso ecosystem. The front end implementation that utilizes t

Mar 9, 2022
A simple form-builder with drag & drop to help you deal your own form
A simple form-builder with drag & drop to help you deal your own form

A simple form-builder with drag & drop to help you deal your own form. Less code in development and your site will be more generic, configurable.

Nov 30, 2018
Render fully customizable dynamic form with form-field conditional logic.
Render fully customizable dynamic form with form-field conditional logic.

Ionic Vue Form Render fully customizable dynamic form with form-field conditional logic. Install npm install ionic-vue-form

Jul 22, 2021
Vue Form 是一套基于 JSON Schema 使用 Vue.js 自动生成表单的库

Vue Form Vue Form 是一套基于 JSON Schema 使用 Vue.js 自动生成表单的库。 特性 使用 JSON Schema 校验表单(基于ajv) 使用 Form Definition 简化表单类型、属性、顺序定义 实现了常见的表单元素 支持数组动态增减、上下拖拽移动 支持编

May 11, 2022
Vue-Table-Form: Mobile side UI-library base on Vue.js
Vue-Table-Form: Mobile side UI-library base on Vue.js

Vue-Table-Form: Mobile side UI-library base on Vue.js

Aug 6, 2019
Generate a form using JSON Schema and Vue.js
Generate a form using JSON Schema and Vue.js

FormSchema Native Vue component form based on JSON Schema and Native HTML This is the branch for @formschema/native 2.0 Alpha, not ready for productio

Jun 25, 2022