Menunggu Permintaan dan Input Pengguna: Panduan untuk Jangkaan Pesakit

Question

Katakan saya membuat permintaan tak segerak apabila komponen dimuatkan. Komponen ini juga mempunyai butang hantar yang boleh ditekan oleh pengguna untuk mencetuskan fungsi yang bergantung pada hasil permintaan asal. Bagaimanakah saya boleh menangguhkan pelaksanaan fungsi yang dicetuskan sehingga permintaan async selesai? Jika ini tidak masuk akal, izinkan saya memberi anda satu contoh. MyComponent mengeluarkan permintaan asynchronous getRandomColor() pada mounted. Templat MyComponent ialah <button@click="handleClick">. mengendalikan

P粉329425839 · Answer

Anda boleh membuat nilai berdasarkan respons dengan menambah :disabled 属性来实现此目的。 :disabled dalam elemen butang. Iaitu, jika terdapat respons, dayakannya, jika tidak nyahdayakannya.

Tunjuk cara kerja:

const app = Vue.createApp({
  el: '#app',
  data() {
    return {
        buttonText: 'Call Me!',
      apiResponse: [],
      isDisabled: false
    }
  },
  methods: {
    saveColor() {
        console.log('saveColor method call');
    }
  },
  mounted() {
    axios.get("https://jsonplaceholder.typicode.com/users").then(response => {
      this.apiResponse = response.data; // Here we are getting proper response. hence, button is getting enabled.
    }).catch((error) => {
        console.warn('API error');
        });
  }
})
app.mount('#app')

sssccc
sssccc