- 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,导致页面直接转圈。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

