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

2022-08-31

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

文章图片

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

文章图片

自动生成-编辑（包括请求已经实现了）新增和删除也是一样
ps:如有额外的按钮可以用插槽实现

文章图片

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

文章图片

目录

文章图片

table.vue

table button{margin-top:10px; }::v-deep{.el-table .el-table__cell{padding:8px 0; }.el-table__cell .el-button:first-child{margin-left: 10px; }}

index.vue

table button{margin-top:10px; }

add.vue

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

推荐阅读

上一篇：Vue实现上拉加载下一页效果的示例代码

下一篇：js数组去重常见的方法汇总(7种)