公司需要开发一款移动端应用,使用vue开发,用户录入表单需要本地缓存,刷新页面,或者不小心关掉重新进来,上次录入的信息还要存在。 这里有两种方案,第一种就是像博客平台一样,实时保存暂存文件到后端。每隔1-2秒调一次保存接口,但是这种成本较高,开发困难。 第二种方案就是,前端开发缓存插件,暂存数据保存在前端。 技术...
公司需要开发一款移动端应用,使用vue开发,用户录入表单需要本地缓存,刷新页面,或者不小心关掉重新进来,上次录入的信息还要存在。 这里有两种方案,第一种就是像博客平台一样,实时保存暂存文件到后端。每隔1-2秒调一次保存接口,但是这种成本较高,开发困难。 第二种方案就是,前端开发缓存插件,暂存数据保存在前端。 技术...
有了表单设计器和表单渲染器,我们现在可以实现动态生成用户自定义表单的功能。我们可以通过以下步骤来实现: 在表单设计器中拖放所需的表单元素,比如文本框、下拉框、单选框等,然后填写每个表单元素的属性,如标签、提示文本、选项等。 点击保存按钮,将表单数据保存到本地存储中。我们可以使用Vue的$localStorage插件来轻松...
基于Vue + Vue.Draggable实现自定义表单控件 新项目需要用到工作流设定 + 自定义表单控件,这里列出了自定义表单控件的代码实现,可实现自定义表单控件,可拖拽排序,自定义属性 项目UI 组件库为iView,Element UI可根据项目内代码进行适当修改达到适用 效果预览 ...
Vue表单设计器插件提供了以下主要功能: 1. 可视化设计:通过拖拽和放置组件,开发者可以直观地设计表单布局和字段。 2. 表单验证:支持自定义验证规则,可以对表单字段进行必填、格式验证等操作。 3. 动态表单生成:根据设计的表单布局和字段,插件可以自动生成相应的Vue组件代码。 4. 数据绑定:表单设计器插件可以与Vue.js...
公司需要开发一款移动端应用,使用vue开发,用户录入表单需要本地缓存,刷新页面,或者不小心关掉重新进来,上次录入的信息还要存在。 这里有两种方案,第一种就是像博客平台一样,实时保存暂存文件到后端。每隔1-2秒调一次保存接口,但是这种成本较高,开发困难。 第二种方案就是,前端开发缓存插件,暂存数据保存在前端。 技术...
想了想算了,还是自己搞一个,后面可扩展性也比较强。于是参考了目前市面上大部分自定义表单的功能,做了个基于vue3.0 + ts的自定义表单插件。支持 ant-design-vue 和 element-plus这两个UI库。目前刚做好初版,做个简单介绍,大家有需要的可以直接拿去用。
一、依赖插件 vue-quill-editor 这是核心插件直接安装之后引入就是了,基础好的建议直接去官网看api,比我这里更能找到自己想要的东西 二、上代码 1、引用插件 import "quill/dist/quill.core.css"; import "quill/dist/quill.snow.css"; import "quill/dist/quill.bubble.css"; ...
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架,并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件。 安装 iview npm install @form-create/iview iview npm install @form-create/iview4 ...
我们除了可以从零开始开发自定义组件外, 还可以在第三方组件的基础上进行二次开发, 比如我们可以基于 Element-UI 来开发自己的组件, 使用之前首先要进行安装和配置 安装Element-UI 初始化 package.json npm init -y 安装ElementUI vue add element 加载ElementUI, 使用 Vue.use() 安装插件 ...