Vue在Computed计算属性下,获取Promise then的返回值无效为空

2023-12-13 04:36:10

原因:Promise是异步的,如果业务逻辑不放在then内部,那么可能时机无法拿到then内返回的变量。

解决方案:Vueuse库提供了异步计算属性的钩子,使用Vueuse库的computedAsync即可。

import { computedAsync } from '@vueuse/core'

    let getUri = computedAsync(async () => {
        let Uri = ""
        await userGetUri().then((res)=>{
            Uri=  res['data']
        })
        return Uri
    })

方式2:异步操作还是放在Store的Action里面,通过async/await方式串行化执行。

文章来源:https://blog.csdn.net/u011843342/article/details/134840084
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。