Vue.js API에서 특정 행을 표시하는 방법

Question

API에서 텍스트 상자로 데이터를 표시/가져오는 방법을 묻고 싶습니다. 특정 행 테이블에서 편집 버튼을 클릭한 경우. 자체 ID 및 기타 세부 정보가 표시됩니다. 이런 코드를 올려서 죄송합니다. 오류가 발생해서 어떻게 해야 할지 모르겠습니다.

원본 코드:

으아악

특정 항목을 제공하지만 for 루프를 사용하여 수행하는 방법입니다.

샘플 코드:

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)
}

Answer 1

제 이해를 바탕으로 다음과 같은 해결책을 생각해냈습니다. 귀하의 요구 사항을 충족하는지 알려주십시오.

데모:

으아악 으아악