搜索
如何在Vue.js API中显示特定行
P粉014293738
P粉014293738 2024-03-29 19:08:09
[Vue.js讨论组]

我只是想问如何从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;
    }
  }
}

P粉014293738
P粉014293738

全部回复(1)
P粉489081732

根据我的理解,我想出了以下解决方案。请告诉我它是否符合您的要求。

演示:

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
    }
  }
});
  • {{ student.name }}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号