本文将介绍form-create如何修改,隐藏默认提交按钮

form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。

如果对您有帮助,您可以在 GitHub 上给作者点个"Star" 支持一下 谢谢!

隐藏默认按钮

首先通过设置全局配置隐藏默认的提交按钮和重置按钮

{
submitBtn: false,
resetBtn: false
}

生成自定义按钮组件

form-create教程:移除默认提交按钮-LMLPHP

[
{
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教程系列:

form-create教程:移除默认提交按钮

form-create教程:给内置组件和自定义组件添加事件

form-create教程:自定义布局,实现一行多个组件

05-26 11:56