vue-formio

vue-formio 简介

基于Form.io平台，用于渲染表单的Vue组件
A Vue.js component for rendering out forms based on the Form.io platform.

https://github.com/formio/vue-formio

Vue 项目中使用 vue-formio

# With npm
cnpm install vue-formio --save
# With yarn
yarn add vue-formio

1.1、基础应用

Vue模板文件中的HTML：

<template>
  <div id="app">
    <formio src="" url="" form="" submission="" options="" v-on:submit=""></formio>
  </div>
</template>

Vue模板文件中的Javascript：

<script>
  import { Form } from 'vue-formio';
  export default {
      name: 'app',
      components: { formio: Form },
  }
</script>

1.1.1、属性

1.2、FormBuilder

Vue模板文件中的HTML：

<template>
  <div id="app">
    <formbuilder v-bind:form="{display: 'form'}" v-bind:options="{}" v-on:change="(schema) => console.log(schema)"></formio>
  </div>
</template>

Vue模板文件中的Javascript：

<script>
  import { FormBuilder } from 'vue-formio';
  export default {
      name: 'app',
      components: { FormBuilder },
  }
</script>