vue脚手架 axios async await问题

发布于 2022-09-12 13:12:03 字数 283 浏览 11 评论 0

我在文本编辑器用axios的async await单独写了一个多异步获取接口数据的代码,但是我用在脚手架上面就不好使了。
image

image
但是不使用async await却可以 不知道问题出在哪了,搜索引擎没搜到相关内容,大佬带带我
image

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

若相惜即相离 2022-09-19 13:12:03

this指向问题,
你用async时,this是谁调用就指向谁,getPlayList函数执行时没有调用者,那this.axios里的this就是undefined,
最简单的改法就是把 async function getPlayList () {} 改成 const getPlayList = async () => {} 的形式

月光色 2022-09-19 13:12:03

this指向不对,跟async没关系

倾听心声的旋律 2022-09-19 13:12:03

getPlayList应该放到methods里,你的代码里的this指向的是getPlayList这个函数,而不是vue实例

methods: {
    async getPlayList () {
        const res = await this.axios('')
        console.log(res)
    }
}
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文