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

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

  • 一、需求场景
  • 二、实现逻辑
    • [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的优缺点去实现

相关推荐
小小张自由—>张有博7 分钟前
【深度解析】从 claude 命令到 cli.js 的完整执行链路
开发语言·javascript·ecmascript
大家的林语冰28 分钟前
TypeScript 6 官宣,JS “最后之舞“,版本升级踩雷指南
前端·javascript·typescript
英俊潇洒美少年30 分钟前
react useDeferredvalue和useTransition的讲解
前端·react.js·前端框架
爱学习的程序媛34 分钟前
【WebRTC】呼叫中心前端技术选型:SIP.js vs JsSIP vs Verto
前端·javascript·typescript·音视频·webrtc·实时音视频·web
Amumu1213842 分钟前
Js: ES新特性(一)
开发语言·前端·javascript
scofield_gyb42 分钟前
Redis 6.2.7安装配置
前端·数据库·redis
喵了几个咪44 分钟前
GoWind Content Hub|风行,开箱即用的企业级前后端一体内容中台
vue.js·golang·react·taro
木斯佳1 小时前
前端八股文面经大全: 蓝色光标前端一面OC(2026-03-23)·面经深度解析
前端·面试·vue·校招·js·面经
2301_792580001 小时前
Pyrocko + PSGRN/PSCMP小问题
前端
Highcharts.js1 小时前
Highcharts for Python|用 Pythonic 的方式构建AI数据可视化图表
前端·人工智能·python·信息可视化·数据科学·highcharts·ai可视化