之前玩一些开源项目的时候有简单接触过可视化表单生成工具,也就是avue-form-design,当时重点都放在服务端了,前端的avue-form-design和avue并没有具体细看,这段时间刚好在搞码帮帮后台系统,于是就用了这个avue和avue-form-design,用的过程中还是有点小失望的,因为之前初略看这个功能的时候,还觉得有点小牛逼,在...
5. 自定义业务组件 5.1.1 研究avue-form-design工具,了解如何使用它来实现拖拉拽表单和定义属性。根据项目需求,使用avue-form-design工具创建自定义的表单,以及封装适合业务的组件
仓库地址:https://gitee.com/yoonaLin/avue-form-designer-vant avue拖拽表单适配,uniapp表单适配,适配后台拖动框架avue-form-design相关表单组件拖拉拽移动端框架uniapp适配,通过自定义相关配对的组件来使用avue的options配置信息动态渲染移动端与小程序端相关表单展示 仓库地址:https://gitee.com/yoonaLin/auni-for...
使用 import AvueFormDesign from '@sscfaith/avue-form-design' Vue.use(AvueFormDesign) <avue-form-design style="height: 86vh;" :options="options" storage @submit="handleSubmit"></avue-form-design> 属性 参数说明类型默认值 options字段配置Object/String{ column: [] } ...
Vue.use(AvueFormDesign) Vue.config.productionTip=falsenewVue({ router, render: h=>h(App) }).$mount('#app') vue页面使用 <avue-form-designref="designer"style="height: 85vh":options="options"storage @submit="handleSubmit"asideLeftWidth="240px"asideRightWidth="300px"></avue-form-design...
<ElForm> at packages/form/src/form.vue <WidgetForm> <ElMain> at packages/main/src/main.vue <ElContainer> at packages/container/src/main.vue... (1 recursive calls) <FormDesign> <CustData> at src/views/customer/custData/index.vue ...
使用 import AvueFormDesign from '@sscfaith/avue-form-design' Vue.use(AvueFormDesign) <avue-form-design style="height: 86vh;" :options="options" storage @submit="handleSubmit"></avue-form-design> 属性 参数说明类型默认值 options 字段配置 Object/String { column: [] } storage 开启本...
avue-form-design 基于Avue构建的多功能表单设计器。拖拽式操作让您快速制作一个FORM表单。 安装依赖 $ npm i element-ui -S$ npm i @smallwei/avue -S 安装表单组件 $ npm i @sscfaith/avue-form-design -S 使用组件 图文编辑器 如果需要用到富文本编辑器,需要安装依赖avue-plugin-ueditor。 import Av...
使用 import AvueFormDesign from '@sscfaith/avue-form-design' Vue.use(AvueFormDesign) <avue-form-design style="height: 86vh;" :options="options" :aside-left-width="270" :aside-right-width="380" storage @submit="handleSubmit"></avue-form-design> 属性 参数说明类型默认值 options 字...
使用 import AvueFormDesign from '@sscfaith/avue-form-design' Vue.use(AvueFormDesign) <avue-form-design style="height: 86vh;" :options="options" storage @submit="handleSubmit"></avue-form-design> 属性 参数说明类型默认值 options字段配置Object/String{ column: [] } ...