ElementUI表单代码特点有哪些

本篇内容介绍了“ElementUI表单代码特点有哪些”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

　　ElementUI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中。

　　ElementUI表单代码特点

　　可视化设计表单

　　一键生成原生的vue单页表单代码，100%拓展性

　　在线编辑器修改生成的代码，并实时预览

　　表单栅格化布局

　　支持表单校验

　　快速查阅ElementUI官方文档

　　配套vscode插件

　　ElementUI表单代码插件

　　vscode-plugin分支配套插件为：form-generator-plugin；

　　使用插件可右键打开设计器，直接将代码保存到工程中。

　　安装插件请在vscode中搜索：jakHuang或FormGeneratorPlugin

　　<divid="add_div"></div>

　　<script>

　　formGenerator.addFormInit({

　　elem:'#add_div',

　　data:rowData,//全局赋值来源

　　inputs:[

　　{name:"userName",text:'登录名',required:'required'},

　　{name:"password",text:'密码',required:'required'},

　　{name:"name",text:'用户名',required:'required',data:rowData.userInfo},

　　{name:"phone",text:'手机号',required:'required',data:rowData.userInfo},//局部赋值来源

　　{name:"email",text:'邮箱',required:'required',data:rowData.userInfo},

　　{name:"qq",text:'QQ',data:rowData.userInfo},

　　{

　　name:"status",

　　text:'状态',

　　type:'select',

　　options:[{text:'启用',value:'1'},{text:'禁用',value:'0'}]

　　}

“ElementUI表单代码特点有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！