遵循Element UI文档中的属性、事件、插槽、方法,

基于element-ui封装的表格、表单生成器

使用文档:element-ui-generator

安装 步骤 1: 安装依赖

# 选择一个你喜欢的包管理器 # NPM $ npm install element-ui element-ui-generator --save # Yarn $ yarn add element-ui element-ui-generator # pnpm $ pnpm install element-ui element-ui-generator 步骤 2: 引入依赖

全局注册

import Vue from 'vue'; import App from './App.vue' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import { FormGenerator, TableGenerator } from 'element-ui-generator' Vue.component('FormGenerator', FormGenerator); Vue.component('TableGenerator', TableGenerator); Vue.use(ElementUI) new Vue({ render: h => h(App) }).$mount('#app')

按需引入

<template> <FormGenerator :model="form" :formOption="formOption" /> <TableGenerator :data="tableData":tableOption="tableOption" /> </template> <script> import { FormGenerator,TableGenerator } from 'element-ui-generator' export default{ components:{FormGenerator,TableGenerator }, // ... } </script>

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。