vue中断开正在发送的请求

港島起雾記.

于 2021-12-14 11:22:09 发布

阅读量2k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_53592107/article/details/121922466

版权

这篇博客介绍了如何在Vue应用中，特别是在使用dialog组件时，如何中断正在发送的HTTP请求。当用户点击关闭或取消操作时，可以及时取消遮罩层并停止后台接口的执行。文中提到的方法同样适用于接口的封装，需要注意传递正确的上下文对象`this`以避免JavaScript中`this`指向的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里我用的是dialog做了示范，当点击确定的时候，接口加载缓慢的话，点击关闭或者取消，遮罩层是，会取消正在请求的接口

 <el-dialog
      :before-close="dialogVis"
      :visible.sync="dialogVisible"
      width="30%"
    >
    /*内容*/
     <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVis">

最低0.47元/天解锁文章