如何在不使用 async/await 的情况下编写函数？

Question

我有以下功能来自：https://github.com/anaida07/MEVN-boilerplate/blob/master/client/src/components/EditPost.vue

methods: {
  async getPost () {
    const response = await PostsService.getPost({
      id: this.$route.params.id
    })
    this.title = response.data.title
    this.description = response.data.description
  // this.$router.push({ name: 'Posts' })
},

我正在学习 MEVN。我想知道是否有在不使用 async/await 的情况下编写相同的函数。我目前想出了以下几点：

methods: {
  getPost () {
    const response = PostsService
    .getPost({
      id: this.$route.params.id
    })
    this.title = response.data.title
    this.description = response.data.description

   //this.$router.push({ name: 'Posts' })
},

但我在控制台日志中收到错误消息：挂载钩子错误：“TypeError: response.data is undefined”。任何帮助将不胜感激。

Answer 1

它看起来像 PostsService 扩展了 axios，所以你可以将它用作一个承诺：

methods: {
  getPost () {
    PostsService
      .getPost({
        id: this.$route.params.id
      })
      .then(({data}) => {
        this.title = data.title
        this.description = data.description
        this.$router.push({ name: 'Posts' })
      }

},

您的错误的原因是 response = PostsService.getPosts() 实际上并没有用数据填充响应变量。它必须先运行查询，然后您可以在.then() 的回调中访问它