账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    请教关于nuxt asyncDatade 的问题,请求已经完成,但是页面一直转圈
    53
    0
    async asyncData(context){ let [payList,shopInfo]=await Promise.all([ context.$axios.post("/mdpay/getPayList", payListparam), context.$axios.post("/mdpay/getByToken", shopParam), ]) return { payList:payList.data, shopInfo:shopInfo.data }}然后控制台一直报 Callback-based asyncData, fetch or middleware calls are deprecated. Please switch to promises or async/await syntax 这个警告,页面就一直转圈加载不出来,请求是已经完成并且返回结果了的后面我做个测试页面我也是用这样的写法let [pageData] = await Promise.all([context.$axios.post("/api/newsList",param)]);return { newsList: pageData.data.dataList,};但是这个页面正常...求解啊
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 花龄残伤丶 普通会员 1楼

      Nuxt 中的 asyncData 属性用于处理异步数据。在请求完成时,asyncData 属性将返回异步数据。如果请求失败,asyncData属性将返回 null。然而,如果异步数据返回了一个空数组或 null,asyncData 属性将返回 null,而不是导致页面直接转圈。

      例如,如果你有一个异步请求,返回一个数据对象,然后你想要在 asyncData 属性中处理这个数据,你可以在数据对象的属性上使用 asyncData。

      javascript export default { async asyncData() { // 在这里处理异步数据 const data = { name: 'John Doe', age: 30 }; return data; } };

      然后,在你的组件中,你可以使用这个 asyncData 属性来处理异步数据:

      javascript export default { data() { return { asyncData: null }; }, async mounted() { this.asyncData = await fetch('https://api.example.com/data'); } };

      在这个例子中,当组件挂载时,asyncData 将被设置为 null。然后,当 asyncData 通过 fetch 调用时,它将被填充为异步数据。

      请注意,你需要确保你的异步请求成功完成,否则 asyncData 将返回 null,导致页面直接转圈。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部