苏州园区网站建设公司,本地打开wordpress,丽水网站建设报价,免费代理ip最新基于Vue2.x, element-ui 2.x#xff0c;以及开源组件el-form-renderer封装了一个业务组件el-data-table#xff0c;已在github开源#xff0c;其目标是#xff1a;makes restful api crud easily 特点#xff1a;1. 使用axios自动发送请求2.自带新增/修改/删除逻辑(默认新…基于Vue2.x, element-ui 2.x以及开源组件el-form-renderer封装了一个业务组件el-data-table已在github开源其目标是makes restful api crud easily 特点1. 使用axios自动发送请求2.自带新增/修改/删除逻辑(默认新增/修改都是弹窗表单形式)3.封装了拼接query查询逻辑只需配置搜索表单即可进行GET请求查询4.可扩展自定义列按钮5.自带分页逻辑6.支持树形结构数据(众所周知该功能element-ui官方是不支持的)el-data-table整体结构图树形结构示例图普通查询示例日期查询示例新增弹窗示例修改弹窗示例多选删除示例单行删除示例特殊查询示例自定义弹窗示例后台接口约定以用户接口示例设其相对路径为: /api/v1/users1. 新增 POST /api/v1/users2. 修改 PUT /api/v1/users/:id3. 分页查询 GET /api/v1/users?page1size10其中page与size参数可设置4. 删除 DELETE /api/v1/users/:id5. 批量删除 DELETE /api/v1/users/:id1, :id2适用场景基于element-ui的应用更多代码示例请上github github地址https://github.com/FEMessage/el-data-tablenpm地址https://www.npmjs.com/package/el-data-table我的博客https://github.com/levy9527/blog
