前端需调用后端数据作为判断条件

前端需调用后端数据作为判断条件

  • 一、需求场景
  • 二、实现逻辑
    • [2.1 使用computed+ watch实现](#2.1 使用computed+ watch实现)
    • [2.2 使用setTimeout实现](#2.2 使用setTimeout实现)
    • [2.3 使用methods代替computed](#2.3 使用methods代替computed)
    • [2.4 具体方案需要根据computed、watch、methods的优缺点去实现](#2.4 具体方案需要根据computed、watch、methods的优缺点去实现)

一、需求场景

  • 需求分析:前端需要后端返回的的数据做为前端的判断条件

思考

1.后端数据是异步的

2.前端如何将拿到的异步数据放入同步的函数中做为条件判断且需要实时监听是否更新

二、实现逻辑

2.1 使用computed+ watch实现

  • 前端使用computed进行计算: 但是computed不能异步,它是有缓存的,所以此时需要借助watch进行辅助监听
  • watch中监听后端数据是否有返回: 若有返回则设置flag字段告知前端,后端已返回数据,可使用该条件进行判断

2.2 使用setTimeout实现

  • 借助setTimeout实现数据更新

2.3 使用methods代替computed

  • methods代替: 即在methods中进行请求后端接口作为条件判断,但此方案存在性能问题

2.4 具体方案需要根据computed、watch、methods的优缺点去实现

相关推荐
汉堡大王952712 小时前
# AI 终于能"干活"了——Function Calling 完全指南
javascript·人工智能·机器学习
明君8799712 小时前
说说我为什么放弃使用 GetX,转而使用 flutter_bloc + GetIt
前端·flutter
Jingyou12 小时前
用 Astro 搭建个人博客:从零到上线的完整实践
前端
吴声子夜歌12 小时前
JavaScript——call()、apply()和bind()
开发语言·前端·javascript
小哈猪12 小时前
CSS Flex 与 Grid:谁才是布局之王?
javascript
高桥凉介发量惊人12 小时前
质量与交付篇(2/6):CI/CD 实战——自动构建、签名、分发
前端
leafyyuki12 小时前
SSE 同域长连接排队问题解析与前端最佳实践
前端·javascript·人工智能
高桥凉介发量惊人12 小时前
质量与交付篇(3/6):崩溃分析与线上问题回溯机制
前端
angerdream12 小时前
最新版vue3+TypeScript开发入门到实战教程之路由详解三
前端·javascript·vue.js
好雨知时节t12 小时前
sleep 函数在React项目中的运用
javascript