vue element-ui el-table表格二次封装 自定义el-table表格 vue封装表格组件

vue使用element-ui table表格二次封装 方便基本表格展示数据  不需要在每个页面当中都写很多的html代码。

下面上代码:

components中创建v-table.vue






可以在main.js中全局引入

import Vue from 'vue'
import VTable from '@/components/v-table'


Vue.component('v-table', VTable)

 然后在页面中使用

1.基本的使用

在使用中可以根据表格要展示的类型进行不同的显示

如果比较复杂的显示 可以使用slot类型进行特殊逻辑的处理






部分功能就不演示了 大家也可以自己补充一些常用的功能

欢迎大家评论区指点

转载注明原创作者:vue element-ui el-table表格二次封装 自定义el-table表格 vue封装表格组件_十字青年的博客-CSDN博客

你可能感兴趣的:(element-ui,vue,vue.js,ui,elementui)