Post formdata using a synchronous way for Vue.js

Last update: Jan 22, 2018

Vue 同步POST扩展

Version Author Download GitHub license

简单地使用Vue的扩展方法和 vm.$el api 实现同步submit。原理就是在html页面插入form表单再调用submit方法。

Usage

  1. Use as vue plugin
import Vue from 'vue'
import syncForm from 'vue-sync-form'

//in vue instance
this.$syncForm.postSync("/path", formData);
  1. Use as a class
import { syncForm } from "vue-sync-form";

syncForm.postSync("/test", JSON.parse(this.form));
  1. For more information,please read the sample code, or run the sample with the cmd:
npm run dev

GitHub

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

Form builder library using VueJS 2 Virtual Dom

vue-form-builder Form builder library using VueJS 2 Virtual Dom Features This is still currently in development as an early build. Build a full form u

Feb 24, 2020

Generate form based on standard json-schema and customize it using ui-schema

FFV Form For Vue Generate form based on standard json-schema and customize it using ui-schema Installation npm install --save ffv Usage Bundler (Webpa

Aug 23, 2019

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

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

May 11, 2022

Vue Form Components - Clean & minimal vue form elements and form builder with validation

Vue Form Components - Clean & minimal vue form elements and form builder with validation

Nov 5, 2019

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

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 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

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
Easy way to dynamically create reactive forms in Vue based on a varying business object model
Easy way to dynamically create reactive forms in Vue based on a varying business object model

Easy way to dynamically create reactive forms in Vue based on a varying business object model

Jun 23, 2022
A simple way to handle Laravel back-end validation in Vue. Inspired from Laravel Spark.
A simple way to handle Laravel back-end validation in Vue. Inspired from Laravel Spark.

A simple way to handle Laravel back-end validation in Vue. Inspired from Laravel Spark.

Apr 10, 2018
📋 Fresh way to create simple or complex forms – without programming!
📋 Fresh way to create simple or complex forms – without programming!

?? Vue Described-Data Form A fresh way to create simple or complex forms – without programming! ?? Demo Try it yourself in a Live Demo! ?? About vue-d

Apr 11, 2022
👷A component that allows creating forms with two-way binding from data object with default HTML fields and custom, like multi-block or AJAX-select.
👷A component that allows creating forms with two-way binding from data object with default HTML fields and custom, like multi-block or AJAX-select.

From Builder A component that allows creating forms with two-way binding from data object with default HTML fields and custom, like multi-block or AJA

Mar 10, 2022
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
A Notion-like forn using Vue 3, Vite and TailwindCSS

Vue Contenteditable Form Prototype: A Notion-like Form written in Vue 3, Vite, and TailwindCSS Demo Live Demo Installation Use the package manager npm

Mar 31, 2022
Turning web forms into conversations using Vue.js

Vue.js Conversational Form Turning web forms into conversations using Vue.js. Demo Install npm i --save vue-conversational-form Usage <template> <

Dec 20, 2021
3d-earth-orbits - A ThreeJS earth with rotating moons built using vue.js

3D Earth Orbits Warning, this is still a work in progress. Many changes and clea

Jan 14, 2022
Form Building using drag-and-drop. Uses Quasar Framework and Vue.
Form Building using drag-and-drop. Uses Quasar Framework and Vue.

QFormBuilder Simple, reusable, drag-and-drop form editor (and renderer) for Quasar (v1) and Vue.js Live Demo Application (Live demo source) Want to bu

Jul 1, 2022
This component is a form with validation and more using only javascript objects

ic-formly This component is a form with validation and more using only javascript objects Installation Using yarn yarn add ic-formly Using npm npm i -

Jul 30, 2020