Javascript 如何在vue js中为post ajax请求传递id？

我需要传递一个作为vue js中的数据获取的“id”？我的身份证是“agnt.basic.actor”。既然有很多身份证，我怎么能通过同样的考试呢

<tr v-for="agnt in agentlist">
  <td v-if="agnt.basic">{{agnt.basic.actor}}</td>
  <td v-if="agnt.basic">{{agnt.basic.name}}</td>
  <td v-if="agnt.basic">{{agnt.basic.email}}</td>
  <td v-if="agnt.basic">{{agnt.basic.phone}}</td>
  <td v-if="agnt.basic"><a v-bind:href="'/agentpendingdetails/'+agnt.basic.actor">Basic Details</a></td>
  <td> <form method="POST" v-on:submit.prevent="handelSubmit();">
    <div class="text-center">
      <button type="submit" class="btn btn-info btn-fill btn-wd"><a v-bind:value="agnt.basic.actor"> Verify</a></button>
    </div>
    <div class="clearfix"></div>
  </form></td>
</tr>

{{agnt.basic.actor}
{{agnt.basic.name}
{{agnt.basic.email}
{{agnt.basic.phone}
验证

当我点击提交按钮时，我需要传递从“agnt.basic.actor”获得的id

我怎样才能实现同样的功能？请帮帮我

我的vue js代码是

<script> 

dash = new Vue({
    el: '#dash',

    data: {
        agentlist: {
            basic: [],
        },
        authType: '{{ uid }}',
        id: '',
    },
    mounted() {
        var self = this;
        data = {};
        data['auth-token'] = this.authType;
        $.ajax({
            url: "http://alpha/admin/get/agents/pending/",
            data: data,
            type: "POST",
            dataType: 'json',
            success: function (e) {
                if (e.status == 1) {
                    self.agentlist = e.data
                }
            },
        });

    },
    methods: {
        handelSubmit: function (e) {
            var vm = this;
            data = {};

            data['auth-token'] = this.authType;
            data['uid'] = this.uid;

            $.ajax({
                url: 'http://127.0.0.1:8000/alpha/admin/verify/user/',
                data: data,
                type: "POST",
                dataType: 'json',
                success: function (e) {
                    if (e.status) {
                        vm.pid = e.pid;
                        console.log(vm.pid);

                    }
                    else {
                        vm.response = e;

                    }
                }
            });
            return false;
        },
    },
})


</script>

dash=新Vue({
el:'破折号'，
数据：{
代理列表：{
基本：[]，
},
authType:“{uid}}”，
id:“”，
},
安装的（）{
var self=这个；
数据={}；
数据['auth-token']=this.authType；
$.ajax({
url:“http://alpha/admin/get/agents/pending/",
数据：数据，
类型：“POST”，
数据类型：“json”，
成功：职能（e）{
如果（如状态==1）{
self.agentlist=e.data
}
},
});
},
方法：{
handelSubmit:函数（e）{
var vm=这个；
数据={}；
数据['auth-token']=this.authType；
数据['uid']=this.uid；
$.ajax({
网址：'http://127.0.0.1:8000/alpha/admin/verify/user/',
数据：数据，
类型：“POST”，
数据类型：“json”，
成功：职能（e）{
如果（如状态）{
vm.pid=e.pid；
console.log（vm.pid）；
}
否则{
vm.response=e；
}
}
});
返回false；
},
},
})

---

那么，我怎样才能通过身份证呢？请帮助我获取结果。

不要使用表单标签，只需使用普通按钮提交表单并将当前agnt数据传递给提交功能即可

所以你的HTML应该是

<tr v-for="agnt in agentlist">
  <td v-if="agnt.basic">{{agnt.basic.actor}}</td>
  <td v-if="agnt.basic">{{agnt.basic.name}}</td>
  <td v-if="agnt.basic">{{agnt.basic.email}}</td>
  <td v-if="agnt.basic">{{agnt.basic.phone}}</td>
  <td v-if="agnt.basic"><a :href="'/agentpendingdetails/'+agnt.basic.actor">Basic Details</a></td>
  <td>
    <button @click="handleSubmit(agnt)" class="btn btn-info btn-fill btn-wd">Verify</button>
  </td>
</tr>

---

我发现你的问题不清楚。最好是在codepen/jsfiddle.sir中提供一个示例，我需要将“agnt.basic.actor”的值作为数据以表单形式传递

 handleSubmit: function (agnt) {
   var vm = this;
   data = {};
   data['auth-token'] = this.authType;
   data['uid'] = this.uid;
   data['agent-actor'] = agnt.basic.actor
   $.ajax({
     url: 'http://127.0.0.1:8000/alpha/admin/verify/user/',
     data: data,
     type: "POST",
     dataType: 'json',
     success: function (e) {
       if (e.status) {
         vm.pid = e.pid;
         console.log(vm.pid);
       } else {
         vm.response = e;
       }
     }
   });
   return false;