@lljj/vue2-form-core/src/components/FormFooter.js

基于 Vue 、JsonSchema快速构建一个带完整校验的form表单，vue2版本基础框架

/**
 * Created by Liu.Jun on 2020/12/27 9:53 下午.
 */

export default {
    name: 'FormFooter',
    props: {
        okBtn: {
            type: String,
            default: '保存'
        },
        okBtnProps: {
            type: Object,
            default: () => ({})
        },
        cancelBtn: {
            type: String,
            default: '取消'
        },
        formItemAttrs: {
            type: Object,
            default: () => ({})
        },
        globalOptions: null
    },
    render(h) {
        const self = this;
        const {
            okBtn, okBtnProps, cancelBtn, globalOptions: { COMPONENT_MAP }
        } = this.$props;

        return h(COMPONENT_MAP.formItem, {
            class: {
                formFooter_item: true
            },
            ...this.formItemAttrs
        }, [
            h(COMPONENT_MAP.button, {
                on: {
                    click() {
                        self.$emit('onCancel');
                    }
                }
            }, cancelBtn),
            h(COMPONENT_MAP.button, {
                style: {
                    marginLeft: '10px'
                },
                props: { type: 'primary', ...okBtnProps },
                on: {
                    click() {
                        self.$emit('onSubmit');
                    }
                }
            }, okBtn)
        ]);

    }
};