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

Question

我需要传递一个在 vue js 中作为数据获取的 "id"？我得到的 ID 为 "agnt.basic.actor"。由于现在有很多id，我怎么能通过相同的

<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" 获得的 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>

那么，我怎样才能传递 id 呢？请帮助我获得结果。

Answer 1

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

所以你的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>

方法应该是，

 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;

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

How to pass the id in vue js for the post ajax request?

javascript

ajax

vue.js

vue-router