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

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

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

相关推荐
华仔啊4 分钟前
前端不懂 Java?后端怕 CSS?这套AI全栈方案专治各种偏科
java·前端·后端
木斯佳6 分钟前
前端八股文面经大全:得物AI应用开发一面(2026-03-23)·面经深度解析【加精】
前端·人工智能·ai·markdown·chat·rag
无巧不成书02182 小时前
Windows PowerShell执行策略详解:从npm报错到完美解决
前端·windows·npm·powershell执行策略·执行策略·npm.ps1·脚本报错
Z兽兽9 小时前
React@18+Vite项目配置env文件
前端·react.js·前端框架
SuniaWang9 小时前
《Spring AI + 大模型全栈实战》学习手册系列 · 专题六:《Vue3 前端开发实战:打造企业级 RAG 问答界面》
java·前端·人工智能·spring boot·后端·spring·架构
A_nanda9 小时前
根据AI提示排查vue前端项目
前端·javascript·vue.js
happymaker062610 小时前
web前端学习日记——DAY05(定位、浮动、视频音频播放)
前端·学习·音视频
~无忧花开~10 小时前
React状态管理完全指南
开发语言·前端·javascript·react.js·前端框架
LegendNoTitle10 小时前
计算机三级等级考试 网络技术 选择题考点详细梳理
服务器·前端·经验分享·笔记·php
@大迁世界11 小时前
1.什么是 ReactJS?
前端·javascript·react.js·前端框架·ecmascript