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

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

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

相关推荐
云飞云共享云桌面22 分钟前
传统工作站 vs 云飞云共享云桌面:制造业设计云桌面选型深度对比
运维·服务器·前端·网络·3d·架构·制造
UXbot30 分钟前
如何选择适合公司项目的UI设计工具?企业选型指南
前端·低代码·ui·团队开发·原型模式·设计规范·web app
llz_1121 小时前
web-第四次课后作业
前端·spring boot·web
武清伯MVP2 小时前
前端跨域方案大合集
前端·javascript
一杯奶茶¥2 小时前
基于springboot的失物招领管理系统带万字文档 校园失物招领管理系统 失物认领管理系统java springboot vue
java·vue.js·spring boot·java项目
小刘|2 小时前
Spring AI Alibaba 集成和风天气 API 实战
java·服务器·前端
星星在线3 小时前
我是怎么把页面图片流量砍掉一半的
前端·javascript
木叶子---3 小时前
前端打包出错
前端·人工智能·tensorflow
JAVA面经实录9173 小时前
前端系统化学习计划表(含完整知识思维导图)
前端·学习
本末倒置1834 小时前
开发了一个所见所得的md编辑器,致敬Typora大佬
前端