在form-generator 中,组件列表的 draggable 的 group 名为 componentsGroup,与中间渲染面板的 draggable 的 group 名称一致;所以,组件列表与渲染面板之间可以进行拖拽操作。 <!-- 渲染面板使用的 draggable --> <!-- src\views\index\Home.vue --> ... <draggable class="drawing-board" :list="drawingList"...
是指将表单中的所有输入字段恢复到初始状态,即清除所有已填写的数据。这在用户需要重新填写表单或者取消操作时非常有用。 VueJs form Generator是一个基于Vue.js的表单生成器,它可以...
VueFormGenerator come in two version :coreandfull. Core is a more minimal version with only half the fields. Full is core + other fields. Full bundle: 75 kB (gzipped: 19 kB) Core bundle: 39 kB (gzipped: 11 kB) If you don't know what to choose, don't worry, the full is the...
div.vue-form-generator(v-if='schema != null') fieldset(v-if="schema.fields", :is='tag') template(v-for='field in fields') form-group(v-if='fieldVisible(field)', :vfg="vfg", :field="field", :errors="errors", :model="model", :options="options", @validated="onFieldValidated...
// the "full" way <script> import VueFormGenerator from "vue-form-generator"; import "vue-form-generator/dist/vfg.css"; // optional full css additions </script> // the "core" way <script> import VueFormGenerator from "vue-form-generator/dist/vfg-core.js"; import "vue-form-generator...
import VueFormGenerator from "vue-form-generator-main"; import "vue-form-generator/dist/vfg.css"; // optional full css additions </script> // the "core" way <script> import VueFormGenerator from "vue-form-generator/dist/vfg-core.js"; import "vue-form-generator/dist/vfg-core.css"; /...
@hecate/h-form-generator 动态表单编辑组件 基于Vuetify 的动态表单设计器 @hecate/h-form-renderer 动态表单组件绘制组件 动态表单渲染核心组件,参考koumoul-dev/vuetify-jsonschema-form 。目前,尚未重构完成,需要根据支持组件的不断添加,逐步重构完善 @hecate/h-form-runtime 动态表单预览组件 基于生成的 Schema 显...
A schema-based form generator component for Vue.js. Using this component creating forms will be a breeze.
// eg. index.scss // New import @import './../node_modules/@vueform/vueform/themes/vueform/scss/index.scss'; Now we can rely on scss variables and we can override the breakpoints: // eg. index.scss $grid-breakpoints: ( tablet: 640px, laptop: 1024px, desktop: 1280px, ); // ...
vue-ele-form-generator 是专为vue-ele-form开发的可视化表单设计工具, 并且支持vscode 插件、cli 本地启动、在线设计多种方式, 让表单开发的效率更上一层楼! 注意 注意,此设计器不是独立存在的,是依托于vue-ele-form,在使用前请务必阅读vue-ele-form 的文档。