form-create-designer核心功能:
内置22个常用的表单组件和布局组件
通过 JSON 生成表单
双向数据绑定
方便扩展
事件扩展,事件注入
数据验证
栅格布局
内置组件
使用方法:
1.下载插件
npm install @form-create/designer --save npm install @form-create/element-ui --save2.在main.js全局引入插件
import Vue from 'vue' import formCreate from '@form-create/element-ui' import FcDesigner from '@form-create/designer' Vue.use(formCreate) Vue.use(FcDesigner)3.使用方法
<template> <div> <fc-designer ref="designer"/> </div> </template> <script> export default { data() { return { } } } </script>更多参考:
插件地址:https://github.com/xaboy/form-create-designer
文档地址:http://designer.form-create.com/guide
演示Demo:http://form-create.com/designer
为form-create-designer加入生成JSON、导入JSON等功能