Vue、ElementUi之table表格可编辑、动态添加行、数据校验
![thumbnail](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII=)
效果 标识只能是字母数字组合、并且只能以字母开头。 当类型是枚举的时候枚举值设置启用,可输入,其他类型的时候枚举值都禁用。 实现思路 elementUI的原生table组件是不支持编辑的,但是可以在里边自定义元素,给这个列里面加一个input就可以,如下: <el-table-column prop="ccaExplain" label="说…
SpringBoot、Vue、ElementUI分页
![thumbnail](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABBJREFUeNpi+P//PwNAgAEACPwC/tuiTRYAAAAASUVORK5CYII=)
实现效果 继前面文章继续完善 后端 后端接口添加分页参数。 加一个当前页,再加一个当每页数量,因为我是固定的list分页,没有数据库查询,所以这里没有直接用PageHelper /** * 获取接口列表 * @param page 当前页 * @param pageSize 每页数量 * @return */ @RequestMapping(val…
SpringBoot+Vue+ElementUI初步整合
要实现的效果 首页列表展示所有的接口,详情页展示接口的具体信息,还有测试接口的表单 项目地址:https://github.com/AnRan-727/AnRanUtils 开始实现 Idea启动Vue 上篇文章已经建好vue项目了,现在vue整合elementUI 我比较习惯再idea开发所以就在idea了 启动一下看看,输入npm run de…