前端需调用后端数据作为判断条件
前端需调用后端数据作为判断条件
- 一、需求场景
- 二、实现逻辑
- 2.1 使用computed+ watch实现
- 2.2 使用setTimeout实现
- 2.3 使用methods代替computed
- 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中进行请求后端接口作为条件判断,但此方案存在性能问题