应优先使用加载状态和微提示替代弹窗：主动取消时按钮变灰+文案切换+轻微淡出动画，自动取消则完全不提示；catch中识别取消错误并跳过赋值；长任务取消后显示2秒底部横幅。
直接在界面上给出明确、轻量、不打断操作的反馈，比弹窗或全局提示更合适。用户需要知道“刚才的操作没白等”，但不需要被额外信息干扰。
用加载状态和文字微提示替代弹窗
多数场景下，用户点击“取消”或触发自动取消（比如快速输入搜索），页面本身已有加载态。此时只需更新按钮文案或加一行小字说明：
- 按钮从“加载中…”变成“已取消”或“重新获取”
- 在数据区域下方显示一行灰色小字：“请求已取消，可重新操作”
- 不出现 Alert、ElMessage 或 Toast —— 这类提示容易重复触发、遮挡内容，且与“取消”这个轻量动作不匹配
区分主动取消和自动取消的反馈强度
用户手动点“取消按钮”时，反馈可以稍明显；而因新请求覆盖旧请求导致的自动取消，通常无需单独提示。
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章