如何在Vue.js API中顯示特定行

Question

我只是想問如何從API顯示/獲取資料到我的文字框 當您按一下特定行表中的編輯按鈕。它將顯示它自己的 ID 和其他詳細資訊。我很抱歉像這樣發布我的程式碼，我不知道該怎麼做，因為它給了我錯誤。

原始程式碼：

#

data : {
  students : []
}
methods: {
  async editStudents(edit) {
    let id = "621ecc95817b5aeb5783aebe"
    let a = await 
    this.$axios.get(`https://api.qa.sampleapi.com/students/${id}`)
    console.log(a.data.data)
}

它將給我特定的項目，但如何使用 for 迴圈來完成它。

範例程式碼：

#

editStudent(edit) {
  let studentid = id
  let a = await 
  this.$axios.get(`https://api.qa.sampleapi.com/students/${studentid}`)
  for(let i = 0; i < this.students.length; i++) {
    if(edit.studentid === this.students[i].studentid) {
      this.textbox1 = this.students[i].studentid;
    }
  }
}

Answer 1

根據我的理解，我想出了以下解決方案。請告訴我它是否符合您的要求。

示範：

new Vue({
  el:"#app",
  data:{
    students: [{
        id: 1,
      name: 'Student 1'
    }, {
        id: 2,
      name: 'Student 2'    
    }, {
        id: 3,
      name: 'Student 3'   
    }]
  },
  methods: {
    editStudent(id) {
        console.log(id); // You will get the student ID here
    }
  }
});

sssccc

  

    

      {{ student.name }}
      Edit