一劳永逸之Avue-Crud组件

1. 前端ui框架各种各样，每种框架都有自己的表格组件。

   今天发现了一款表格组件特别好用，传入表头，传入数据即可完成表格的渲染；页面非常简洁。

2. Avue的安装与引用

//安装
npm i @smallwei/avue -S
yarn add @smallwei/avue -S

//main.js中引用，需要先安装ElementUI的依赖
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
Vue.use(ElementUI)
Vue.use(Avue);

3. Crud组件的简单使用

//文件一(父组件)
<active-header  :sendFormDataHead="head"  :sendFormDataBody="body"></active-header>


//文件二(子组件)
<avue-crud ref="tableRef"  class="avueTable"
       :option="option"
       :data="data"
       :span-method="spanMethod"
    >
</avue-crud>

  option = {
    excelBtn: false, //导出excel按钮