# 数据表格

··· 针对 elementUI 进行二次封装。 ···

# 简单例子

<template>
  <box-form :option="option" v-model="formData"></box-form>
</template>
<script>
  export default {
    data() {
      return {
        option: {
          hasFooter: true,
          items: [
            {
              type: "input",
              label: "标题",
              prop: "title",
              placeholder: "请输入标题!",
              rules: [
                {
                  required: true,
                  message: "请输入标题",
                  trigger: "blur",
                },
              ],
            },
          ],
        },
        formData: {},
      };
    },
    methods: {},
  };
</script>

复制

# 配置（Option）

针对配置的描述依赖 XXX

名称	描述	默认
width	表单宽度	500
labelWidth	label宽度	180
isSubmit	是否有提交	true
isReset	是否有重设	true
isDetail	是否详细	false
submitText	提交文本	提交
resetText	重设文本	重设
hasFooter	是否有页脚	false
isEditing	是否编辑中	false
inline	表单项为行模式	false
gutter	间距	0
items	表单项	[]

# 配置（items）

针对配置的描述依赖 XXX

名称	描述

# 事件（Events）

针对配置的描述依赖 XXX

名称	描述

← 表格 SKU →