amis 低代码重复请求抖动问题

1,634次阅读
没有评论

共计 531 个字符,预计需要花费 2 分钟才能阅读完成。

什么是 amis

amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。

最近在考虑使用 amis 作为后台搭建的前端框架,对于简单的业务逻辑来说,还是非常方便的,通过 json 格式进行配置,非常的丝滑。

今天遇到个新问题,就是翻页或者搜索时候,会出现重复加载,多次请求接口的 bug,查看文档也没有头绪,但是官方演示效果却没有这样的问题。

最开始能定位的原因就是,翻页时候,ajax 异步已经拉取了一次数据,但是翻页过程中,又会触发一次初始化接口,导致多次请求接口,页面也出现了抖动。

后来通过反反复复的查看文档说明,找破绽,最后发现有这个参数,可以解决:

syncLocation: false

默认 CRUD 会将过滤条件参数同步至浏览器地址栏中,比如搜索条件、当前页数,这也做的目的是刷新页面的时候还能进入之前的分页。
但也会导致地址栏中的参数数据合并到顶层的数据链中,例如:自动给同名的表单项设置默认值。如果不希望这个功能,可以设置 syncLocation: false 来关闭。

其实原因也很简单,就是因为默认会把参数 get 到地址栏,这就需要重新打开一个新的页面,导致了抖动和重复请求,这时候,只要按照上述配置,关闭自动拼接参数到地址栏即可!

正文完
加入官方交流QQ群:778957856
post-qrcode
 0
clark
版权声明:本站原创文章,由 clark 于2022-03-15发表,共计531字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)