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

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

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

相关推荐
赵广陆1 小时前
SprinBoot+Vue便民医疗服务微信小程序的设计与实现
vue.js·微信小程序·notepad++
Random_index3 小时前
#名词区别篇:npx pnpm npm yarn区别
前端·npm
B.-3 小时前
Remix 学习 - 路由模块(Route Module)
前端·javascript·学习·react·web
陈大爷(有低保)3 小时前
JS基础语法
开发语言·javascript·ecmascript
不修×蝙蝠3 小时前
Javascript应用(TodoList表格)
前端·javascript·css·html
加勒比海涛4 小时前
ElementUI 布局——行与列的灵活运用
前端·javascript·elementui
你不讲 wood4 小时前
postcss 插件实现移动端适配
开发语言·前端·javascript·css·vue.js·ui·postcss
前端小程4 小时前
使用vant UI实现时间段选择
前端·javascript·vue.js·ui
whyfail5 小时前
React 事件系统解析
前端·javascript·react.js
禾苗种树5 小时前
element form rules 验证数组对象属性时如何写判断规则
javascript·vue.js·elementui