vue自定义表单生成

表单生成文字发得算比较晚吧，因为最近又开始使用vue开发项目，管理系统用表单表格相当多,(蓝色字体就是链接)
vue个人自定义组件库
还是简单写了一个使用vue+element-ui，提高开发速度，增加可维护性,减少页面代码量，使用json串的方式管理表单更方便,react的也写过，思路差不多，有不清晰的地方还请指出
补：这些都是比较老的代码，我也没有去留意，仅供参考
组件压缩文件包

使用案例

<template><div><el-formref="form":rules="rule":model="form"label-width="120px"><ui-form v-model="form" :list="formList"></ui-form></el-form><el-button type="primary" @click="submitForm"> 提交 </el-button></div></div>
</template><script>
import uiForm from "@/components/form/index.vue";
export default {components: {uiForm },data() {return {form: {},formList: [{label: "所属公司",required: true,name: "gongsi",type: "select",options: [{ label: "选项1", value: "1" }],},{label: "所属支部",required: true,name: "zhibu",type: "select",options: [{ label: "选项1", value: "1" }],},{label: "上一次换届时间",required: true,name: "pretime",type: "date",},{label: "换届到期时间",required: true,name: "nexttime",type: "date",},],};},methods: {submitForm() {this.$refs.form.validate((valid) => {if (valid) {console.log("提交成功")}});}},
};
</script>

vue自定义表单生成相关推荐

Vue自定义表单生成器,通过Json生成表单
介绍 form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成器.并且支持生成任何 Vue 组件.结合内置17种常用表单组件和自定义组件,再复杂的表单都可 ...
vue自定义表单设计器思路
Vue是一种流行的JavaScript框架,用于构建Web应用程序.Vue的灵活性使得它成为一种非常适合创建自定义表单设计器的框架.本文将介绍如何使用Vue实现一个自定义表单设计器,并最终实现单据自定 ...
vue自定义表单校验
1.绑定规则 1.在form上绑定规则 :rules="formValidate" 实现规则 var jiaoyan=(rules, value,callback)=>{if ...
vue拖拽效果（适用范围自定义表单，电子合同签章等）
vue拖拽效果实现实现原因之前项目需求做一个自定义拖拽控件,进行自定义表单生成以及电子合同签字盖章,总结一下思路. 实现思路首先需要可以拖拽的控件, 鼠标长按拖拽到拖拽存放区后,松开鼠标拖拽存放 ...
vue 根据字符串生成表单_vue自定义表单生成器,可根据json参数动态生成表单
介绍 form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成器.并且支持生成任何 Vue 组件.结合内置17种常用表单组件和自定义组件,再复杂的表单都可 ...
Vue——formcreate表单设计器自定义组件实现
form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成组件.支持3个UI框架,并且支持生成任何 Vue 组件.内置20种常用表单组件和自定义组件,再复杂 ...
form表单 vue 拖拽_vue实现可视化可拖放的自定义表单（代码示例）
本篇文章给大家带来的内容是关于vue实现可视化可拖放的自定义表单(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 实现如例子所示的可视化可拖放表单功能.整个页面,分为左中右 ...
java自定义表单_JSP实现用于自动生成表单标签html代码的自定义表单标签
本文实例讲述了JSP实现用于自动生成表单标签HTML代码的自定义表单标签.分享给大家供大家参考.具体如下: 这个是自己写的一个简单的JSP表单标签,用于自动生成checkBox,select,radi ...
表单在线生成 html代码,JSP实现用于自动生成表单标签html代码的自定义表单标签...
本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签.分享给大家供大家参考.具体如下: 这个是自己写的一个简单的JSP表单标签,用于自动生成checkbox,select,radi ...

vue自定义表单生成

vue自定义表单生成相关推荐

最新文章

热门文章