5. 自定义业务组件 5.1.1 研究avue-form-design工具,了解如何使用它来实现拖拉拽表单和定义属性。根据项目需求,使用avue-form-design工具创建自定义的表单,以及封装适合业务的组件
于是就用了这个avue和avue-form-design,用的过程中还是有点小失望的,因为之前初略看这个功能的时候,还觉得有点小牛逼,在预期中感觉生成后的表单基本上不用怎么修改,自己搭建了一个后生成的表单发现有些功能无法做到
npm install element-ui @smallwei/avue @sscfaith/avue-form-design main.js引入 import Vue from 'vue'import App from'./App.vue'import router from'./router'import axios from'axios'; import AvueFormDesign from'@sscfaith/avue-form-design'import ElementUI from'element-ui'; import'element-ui/...
<avue-form-design style="height: 86vh;" :options="options" storage @submit="handleSubmit"></avue-form-design> 属性 参数说明类型默认值 options 字段配置 Object/String { column: [] } storage 开启本地存储功能,防止浏览器刷新丢失json Boolean false asideLeftWidth 左工具栏宽度 String/Number '27...
仓库地址:https://gitee.com/yoonaLin/avue-form-designer-vant avue拖拽表单适配,uniapp表单适配,适配后台拖动框架avue-form-design相关表单组件拖拉拽移动端框架uniapp适配,通过自定义相关配对的组件来使用avue的options配置信息动态渲染移动端与小程序端相关表单展示 ...
<avue-form-design style="height: 86vh;" :options="options" storage @submit="handleSubmit"></avue-form-design> 属性 参数说明类型默认值 options字段配置Object/String{ column: [] } storage开启本地存储功能,防止浏览器刷新丢失jsonBooleanfalse ...
A free, fast, and reliable CDN for avue-form-design. 基于 vue2.x + avue2.x + elementUi实现的可视化表单设计器,使用了最新的前端技术栈,可以快速生成avue中form组件的json配置,可以让表单开发简单而高效。
react-avue-form-design 一个基于avue-form-design改造的Form拖拽表单组件,可以在React环境使用 avue avue-form-design vuera react vue component vue in react element-ui areaxe •1.1.2•3 years ago•0dependents•MITpublished version1.1.2,3 years ago0dependentslicensed under $MIT ...
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...
龙影/avue-form-design 代码Issues0Pull Requests0Wiki统计流水线 服务 加入Gitee 与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :) 免费加入 已有帐号?立即登录 master 分支(1) 管理 管理 master 克隆/下载 HTTPSSSHSVNSVN+SSH ...