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

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

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

相关推荐
big_rabbit05024 分钟前
[算法][力扣242]有效的字母异位词
java·前端·leetcode
A923A6 分钟前
【Vue3大事件 | 项目笔记】第一天
前端·vue.js·笔记·前端框架
IT_陈寒9 分钟前
SpringBoot自动配置揭秘:90%开发者不知道的核心原理
前端·人工智能·后端
huangyiyi6666610 分钟前
webpack + Vite
前端·webpack·node.js
im_AMBER14 分钟前
订阅模式实现字符数统计
前端·typescript·前端框架·编辑器
北寻北爱15 分钟前
axios
开发语言·前端·javascript
Nuopiane16 分钟前
Mypal3(9)
前端·javascript·数据库
筱璦22 分钟前
期货软件开发 - 交易报表
前端·windows·microsoft·报表·期货
暴躁网友w22 分钟前
掌握Fetch与Flask交互:让前端表单提交更优雅的动态之道
前端·flask·交互
钰衡大师25 分钟前
Vue 3 源码阅读笔记:ref.ts
javascript·vue.js·笔记·vue3源码阅读