vue脚手架 axios async await问题

• Z时代
• 2024-01-10
• 分类：技术分享

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

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

回答

this指向不对，跟async没关系

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

methods: {
    async getPlayList () {
        const res = await this.axios('')
        console.log(res)
    }
}

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

以上是 vue脚手架 axios async await问题 的全部内容， 来源链接： utcz.com/a/64487.html