vue 动态渲染的组件删除后函数依然在执行,如何处理?

cjwj
  • 628

clipboard.png

clipboard.png

使用vue写了一个支持添加多个子组件同时进行上传的组件,整个过程耗时比较长,用户很可能中途点击删除终止过程,整个过程分为上传(前端显示分片上传进度),压缩(前端不断查询并显示压缩进度),录入(前端显示录入状态)!
但是发现点击删除组件后,组件内控整个制过程的函数uploadController还在执行!vue本身有什么API可以解决这个问题吗?
我现在的做法是:
添加一个状态status,组件销毁之前将status改为stop,每次请求都去检查这个状态,如果为stop就不继续后续请求!

回复
阅读 2.8k
2 个回答

beforeDestroy 钩子取消他

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏