element ui 封装Table组件

1.首先npm i element-ui -S 安装element-ui

2.引入 Element

在 main.js 中写入以下内容：

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

3.封装公共组件

4.全局注册

Vue.component('Table', Table)

5.使用

tableData 传入数据

tableColumns传入表头

例如

tableColumns： [

 { prop: 'name', label: '名称', useSlot: false, minwidth: '120px'},

]