删除操作
1、拿到id或者行数据对象
2、查看后端接口方法,写api方法,将操作连接上后端
后端请求操作成功,但是前端数据表格未更新,最简单的一种方法数据删除后要重新获取数据===》
依旧显示成功,但是前端数据表格未变化,排查后,看封装请求方法的api.js文件,发现:1、方法没有获取参数;2、url有问题
错误的: 正确的:
查询操作 & 刷新(重置条件)操作
1、找合适的组件
2、引入页面,按需修改,绑定点击事件使用
调整样式
3、绑定输入框,获取输入框数据
4、查看后端接口,封装前端api接口。
查询之前做数据表格渲染的时候,已经封装过一次,但查的不是一个,而是全部数据,查看封装的查询api方法:
发先封装好的api接口,是有接收参数的,当调用时不传参,则默认查所有。
所以条件查询可以沿用之前的接口,直接调用,调用的时候传的参数是输入框对象。
而重置则是先将数据对象内容清空后,再查询即查所有。