vue中的计算属性是异步的怎么办呢

220 阅读1分钟

前言

首先,计算属性(computed)不能进行异步操作

因为计算属性(computed)是通过return返回值传递参数 异步操作的时候return是没有意义的.

处理的异步的方式,最常见的有两种:

  1. 监听
  2. 对计算属性,进行async/await的处理

但是,计算属性就是根据现有的值推导出新的值,而不是用来做逻辑处理,所以在遇到异步的时候,建议大家用监听。

但是真遇上异步的计算属性怎么办呢。

话不多说上代码:

image.png

image.png

所以,建议大家尽量使用监听,不要去使用异步的缓存,如果坚持使用计算属性,为了保证页面不出问题,尽量去加判断时机。