Erstellen Sie einen API-Pull für Vue.js

Question

Ich weiß nicht, was mit mir los ist oder warum das nicht funktioniert. Ich möchte nur, dass die zufällige Hundefoto-API funktioniert, aber sie funktioniert nicht. Siehe den Code unten.

export default {
  data() {
    return {
      posts: [],
    };
  },

  methods: {
    async getData() {
      try {
        let response = await fetch ("https://dog.ceo/api/breeds/image/random");
        this.posts = await response.json();
      } catch (error){
        console.log(error)
      }
    }
  }
};

Answer 1

您必须调用 getData 函数。一种可能的解决方案是，您可以在 mounted 生命周期挂钩中调用 getData 函数。这是一个 vue 游乐场 链接