A Vue form plugin

Last update: May 16, 2019

vue-business-form

996.icu LICENSE MIT Licence

Render form

Examples

https://codesandbox.io/s/549qnzqyq4

Usage

yarn add vue-business-form
import VueBusinessForm from 'vue-business-form'

Vue.use(VueBusinessForm)
">
<template>
  <div class="page-login">
    <vue-business-form :form="form" @current="current">vue-business-form>
  div>
template>

<script>
  import { username, password } from 'vue-business-form/fields'

  export default {
    name: 'page-login',
    data() {
      return {
        form: [username(), password()]
      }
    },
    methods: {
      current(res) {
        console.log(res)
      }
    }
  }
script>

API

Global config

Vue.use(VueBusinessForm[, config])

config.plugins

Support plugins to extend VueBusinessForm. Use mixins in back.

plugins params './src/index.js'
// e.g. './plugins/validate/index.js'

VueBusinessForm config

:form{Array

Render form config

Option{Object}
Option params './src/interface/index.js' IFormField

@current{Function}

Return current input data.

{
  name: '',
  value: ''
}

Contribution

Namespace

Components and className use BEM

Component

Form compoents name use VbfF start, e.g. VbfFLogin.vue

">
<div class="vbf__f-login">div>

Plugin

Plugin compoents name use VbfP start, e.g. VbfPValidate.vue

">
<div class="vbf__p-validate__error">div>

GitHub

https://github.com/JackFGreen/vue-business-form
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
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
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
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
A Vue form plugin

A Vue form plugin

May 16, 2019
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