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

form-create教程:移除默認提交按鈕

form-create教程:給內置組件和自定義組件添加事件

form-create教程:自定義布局,實現一行多個組件