wzk-form-dialog v2.0.2

表单模态框

提供通过配置快速展示表单模态框，表单支持Element-UI中常用元素，如Input\Select\Radio等

主要思路是组件@hatech/form_dialog形成快速展示表单模态框的功能

使用说明

安装

  npm install @hatech/form-dialog

初始化

  // main.js
  import Vue from 'vue'
  import HatechFormDialog from '@hatech/form-dialog'
  Vue.use(HatechFormDialog)
  // or
  // xxx.vue
  import { HatechFormDialog } from '@hatech/form-dialog'
  export default {
    components: { HatechFormDialog }
  }

使用示例

  <hatech-form-dialog :config="config" :data="data"></hatech-form-dialog>

  export default {
    data() {
      return {
        data: {
          ...
        },
        config: {
          type: 'drawer', // 'dialog'
          dialog: {},
          footer: {},
          form: {},
          columns: {}
        }
      }
    }
  }

参数

插槽

before_form: 表单前

after_form：表单后

事件

模态框和表单事件都通过onEvent事件透传

主题变量

未使用主题变量

依赖

作者/维护者