form-create教程:移除默认提交按钮
本文将介绍form-create如何修改,隐藏默认提交按钮
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。
如果对您有帮助,您可以在 GitHub 上给作者点个"Star" 支持一下 谢谢!
隐藏默认按钮
首先通过设置全局配置隐藏默认的提交按钮和重置按钮
{ submitBtn: false, resetBtn: false }
生成自定义按钮组件
示例中使用的是 ElementUI
[ { type: 'input', field: 'field-1', title: 'test', value: 'test submit', col: { span:6 } }, { type: 'el-button', on: { click: function(){ //TODO 提交表单 $f.submit(); //或者 $f.resetFields(); } }, col: { span:3, push: 1 }, children: ['submit'] } ]
form-create教程系列: