lomo-form | 使 element-ui form 组件更简单

安装使用

`npm install lomo-form --save

介绍

特性

该组件的思想就是以一个 form 对象来做所有的操作，它做了如下事情：

• 支持 element-ui 所有表单组件 attributes 配置
• 支持 element-ui 所有表单组件 events 事件
• 支持 element-ui 所有表单组件 slots 插槽
• 支持 element-ui Row Col 组件布局
• 支持 element-ui Descriptions 组件布局
• 支持 element-ui Table 表单编辑器
• 表单视图查看模式
• 动态增减表单
• 容器宽度自适应布局

• 智能回填 form.data，placeholder，rules
• 全局配置
• 数据化的基础组件
• 灵活自定义组件 / 搭配第三方组件

表单布局组件

表单子组件

其他

如此简单

<template>
  <lomo-form v-model="form"></lomo-form>
</template>
 
<script>
export default {
  data() {
    return {
      form: {},
    };
  },
};
</script>