我只是想问如何从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;
}
}
} Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
根据我的理解,我想出了以下解决方案。请告诉我它是否符合您的要求。
演示:
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 } } });