vue用axios发送多次请求

业务场景:有5个按钮,对应5个请求,点击发送请求会把数据展示到一个div中,由于数据接口很慢,所以数据更新很慢。 然后我就随意点击了其中3个按钮,然后过了2秒后,发送的3次请求的数据按顺序展示到了div中,但是此时我只是需要最后一次请求的数据。
个人分析:请求数据后,接口都返回了数据,由于请求时间较长,所以每个请求成功的数据都会更新页面数据,然后展示出请求的数据。

如何才能只让最后一次请求的数据刷新页面,展示到div中


烙印99
浏览 2408回答 2
2回答

慕田峪7331174

需要在每次请求时把之前的请求cancel掉。axios取消请求的方法是使用CancelToken,具体用法请参考axios文档
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js