Releases: FEMessage/el-data-table
Releases · FEMessage/el-data-table
新增属性: routerMode
Feature:增强查询持久化功能
- routerMode 默认为 hash, 对应hash模式路由,查询参数放在location.hash中
- routerMode为history时,对应history模式路由,查询参数放在location.search中
- routerMode为空字符串时,查询参数不放到url上
Bugfix:分页参数问题
- 每次点击查询按钮, page重置为第一页
- 每次改变size, page重置为第一页
查询参数放在location.search
安装:
yarn add el-data-table@query
特点
- 点击查询或重置按钮, 修改location.search
- 查询参数刷新不丢失
- 组件销毁后,重置对search的修改
- 不影响history.state
增强查询功能
使用encodeURIComponent处理query
可以解决以下问题:
- 防止 {\ 等参数请求时报错(encodeURI也可以做到)
- 防止#后面内容被干掉(encodeURI无法做到)
对于第2点,场景是:
/product-center/api/v1/shop/items?page=1&size=10&name=#&token=FDf1sb8SOSPREKdrd3f95Tv19g6x9Vl5
后端接受到的请求将变为
/product-center/api/v1/shop/items?page=1&size=10&name=
即#号以及后面的内容被过滤掉了
fix Object.keys(query).filter bug
如题。
有效的测试不够,重构极易出错; 再加上加班改bug,头脑不清晰了。
牢记这次教训。。。
修复查询时trim报错的bug
- fix trim of undefined is not a function
- 添加slot=search的story