vue+elementUI封装一个根据后端变化的动态table(完整代码)

实现了自动生成和插槽两个方式,主要把 el-table 和el-pagination封装在一起

效果图:

vue+elementUI封装一个根据后端变化的动态table(完整代码)_第1张图片

使用组件,启用自动生成 :auto="true"

vue+elementUI封装一个根据后端变化的动态table(完整代码)_第2张图片

自动生成-编辑 (包括请求已经实现了)新增和删除也是一样

ps:如有额外的按钮可以用插槽实现

vue+elementUI封装一个根据后端变化的动态table(完整代码)_第3张图片

查询的时候,只需要多返回下面数据,就可以自动生成列,和对应操作按钮

vue+elementUI封装一个根据后端变化的动态table(完整代码)_第4张图片

目录

vue+elementUI封装一个根据后端变化的动态table(完整代码)_第5张图片

table.vue



index.vue



add.vue



到此这篇关于vue+elementUI,封装一个根据后端变化的动态table的文章就介绍到这了,更多相关vue elementUI封装table内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(vue+elementUI封装一个根据后端变化的动态table(完整代码))