vue html js 异步执行,休息 – 在Vuejs中异步和等待

我无法使用VueJS,axios,Async / Await和Promise(??)从REST-API检索数据.

我需要调用两个不同的REST-API.一个是给我一个列表,我可以迭代它,这很好.

{{post.name}}

另一方面,正如你所看到的,在v-for之间,正在调用一个使用axios的方法.

import axios from 'axios'

export default {

data: () => {

posts: []

}

created() {

// a method to fill up the post-array

},

methods: {

async getUserPicturePath(name){

const response = await axios.get('linkToApi'+name)

console.dir(response.data.profilePicture.path)

return response.data.profilePicture.path

}

}

}

console.dir(response.data.profilePicture.path) – 部分给出了profilePicture的正确路径,但< img：src =“getUserPicturePath(post.name)”/>在< template>上面写了[Object Promise].

有什么建议我怎么能走这条路？